jQuery易用户界面提交表单验证

易居的形式表单里面的验证框，先讲解下validatebox类和相关的属性。

验证规则

验证规则是通过使用需要和validType特性来定义的，这里是已经实施的规则：

电子邮件：匹配电子邮件正则表达式规则，系统提供的属性。

url:匹配统一资源定位器正则表达式规则

长度[0,100]:允许从x到y个字符

远程['http://./action.do '，' paramName']:发送创建交互式、快速动态网页应用的网页开发技术请求来验证值，成功时返回真的。

要自定义验证规则，重写$ .fn。验证框。默认值。规则，来定义一个验证函数和无效的信息。例如，定义一个最小长度验证类型：

$.扩展($。fn。验证框。默认值。规则，{ minlength : { validator :函数(值，param){返回值。length=param[0]；},消息："请至少输入{0}个字符。"} });

调用生效方法并且返回验证结果，真的或者假的。

div id=' UserReG ' class=' easy ui-panel ' style=' width :400 px；'高度：300像素标题='注册用户表单操作='方法='发布'表tr td用户名：/TD TD输入类型=' text ' name=' username ' class=' easui-validate box '必填=true validate type=' midLength[4，10]' value=' '//TD/tr TD密码：/TD TD输入类型='文本'名称='密码'类别='测量-验证框'必填=true验证类型=' pwdLength[8]'值=' '//TD/tr TD性别：/TD输入类型='收音机'名称='性别'已检查='已检查'值='男性'/男输入类型='收音机'名称='性'值=“会议”/女TD/tr/tr年龄：/TD TD输入类型=“文本”名称='年龄'值=' '//TD/tr TD出生日期：/TD TD input type=' text ' name=' birth ' value=' '//TD/tr TD所属城市：/TD TD输入类型=“文本”名称='城市'值=' '//TD/tr TD薪水：/TD TD输入类型=' text ' name=' salary ' value=' '//TD/tr TD col span=' 2 ' a class=' easyui-link button '保存/a /td /tr /table /form /div脚本类型=' text/JavaScript ' $(function(){ $). 扩展($。fn。验证框。默认值。规则，{ midlength : { validator :函数(值，param){返回值。长度=param[0]值。length=param[1]；},消息： '用户名必须在四到10位之间！}，pwdlength : { validator :函数(值，param){返回值。length==param[0]；},消息： '密码必须是8位' } });});/script参考图片如下：