jquery-easyui中的表单验证
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/local--files/tutorial:form3/form.png
原文及下载地址：http://jquery-easyui.wikidot.com/tutorial:form3
页:
[1]