jQuery EasyUI中进行表单验证主要是通过validatebox插件,看一个例子:
<div style="background:#fafafa;padding:10px;width:300px;height:300px;">
<form id="ff" method="post">
<div>
<label for="name">Name:</label>
<input class="easyui-validatebox" type="text" name="name" required="true"></input>
</div>
<div>
<label for="email">Email:</label>
<input class="easyui-validatebox" type="text" name="email" required="true" validType="email"></input>
</div>
<div>
<label for="subject">Subject:</label>
<input class="easyui-validatebox" type="text" name="subject" required="true"></input>
</div>
<div>
<label for="message">Message:</label>
<textarea name="message" style="height:60px;"></textarea>
</div>
<div>
<input type="submit" value="Submit">
</div>
</form>
</div>
这个表单对name,email,subject字段定义为必填字段,并且对email字段中的填写格式作了限制。
为了防止表单验证未通过时进行提交,必须:
$('#ff').form({
url:'/demo7/ProcessServlet',
onSubmit:function(){
return $(this).form('validate');
},
success:function(data){
alert(data);
}
});
运行一下,看看效果:
原文及下载地址:http://jquery-easyui.wikidot.com/tutorial:form3
分享到:
相关推荐
主要介绍了Jquery插件easyUi实现表单验证示例,需要的朋友可以参考下
主要为大家详细介绍了Jquery插件easyUi实现表单验证的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
轻松学习jQuery插件EasyUI,本文的重点在于EasyUI表单验证,并告诉大家如何提交表单,感兴趣的小伙伴们可以参考一下
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
主要介绍了jQuery EasyUI提交表单验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
表单<input type=”text” id=”rate” name=”rate” required=”true” class=”easyui-validatebox” validType=”rateCheck[0,1000]” maxlength=”6″ /> $.extend($.fn.validatebox.defaults.rules,...
资源包括jqGrid(数据表格),jquery-cookie(cookie操作),jquery-ocupload(一键上传),jquery-uploadify(异步上传),jquery-validation(表单验证),zTree(树形菜单),vue,百度(ueditor,map),sweetaler(提示框),zDialog(弹框...
2.表单验证,文本框高亮起来 3.可以动态分配权限按钮,分配角色权限,目录结构,栏目的链接都可以修改。权限管理非常灵活, 4.兼容 IE/Firefox /Google Chrome 这些浏览器都测试过 5.批量删除,自定义复选框样式...
本篇文章主要是对Jquery插件easyUi表单验证提交的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
其中包含了 表单验证.DataGrild , Tree , DataTree,form 表单.Link Button ,Layout,tag,等等.类似ext js .ext js 比较臃肿.而且还收费.EasyUi 是一款免费开源的前台轻量级便于开发的工具. 经过一段时间的学习和应用...
jQuery+EasyUI+1.2.4+API+中文文档,有时间好好看一下,目录如下: Base 基础 Documentation 文档 Parser 解析器 EasyLoader 加载器 Draggable 可拖拽 Droppable 可释放 Resizable 可调整尺寸 Pagination...
o 9.3 验证表单 62 • 10 Documentation文档 65 o 10.1 Base 65 10.1.1 EasyLoader 66 10.1.2 Draggable 67 10.1.3 Droppable 69 10.1.4 Resizable 70 o 10.2 layout 71 10.2.1 Panel 71 ...
当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。 一、要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台。下面是表单...
api+实例解析 对于普通系统开发绝对够用了 演示范例 拖动与菜单 ...表单验证 格式化下拉框 动态下拉数据表格 创建简单的菜单 创建简单的菜单 扩展应用 组件加载 easyUI 主题 关于EasyUI