宝哥软件园

JQuery扩展验证-6无线电验证 复选框并选择

编辑:宝哥软件园 来源:互联网 时间:2021-10-18

效果如下:

解决这个问题的方法是将错误消息分配到特定的位置,并且validate()方法的参数可以自定义。示例代码如下: Copy代码如下: Script Type=' text/JavaScript ' jquery . validator . addMethod(' regex '),//addMethod第一个参数:方法名称函数(值、元素、参数){//addmethod第二个参数:验证方法,//验证方法参数(已验证的元素值、已验证的元素、参数)var exp=new RegExp(参数);//实例化正则对象,参数为用户传入的正则表达式return exp.test(值);//测试是否匹配}、“格式错误”);$(function(){ $(' # signingform '))。validate({ rule s : { TxtPassword 1: '必需',//密码1需要TxtPassword 23360 {//密码2有多个描述。对象类型required:为真。//必选。它可以是等于:' # txtpassword1 '的匿名方法。//必须等于密码1。rangelength: [5。10],//Regex :' w $ '在5-10的长度之间。//使用用户定义的验证规则。} Txtemail 3360“电子邮件”。//电子邮件必须合法。sex: '必需' }。消息: {//对应上述错误消息txtPassword1: '您必须填写',txtpassword23360 {必填项: '您必须填写',等于: '密码不一致'。Rangelength: '必须是长度介于{0}和{1}之间的字符串,regex: '的密码只能是数字、字母和下划线' }}。//在上面的示例中添加了一些错误放置3360函数(error,Element) {//如果是(Element . is(' : radio ')| | Element . is(' 3360 checkbox ')){//如果是radio或checkbox var Eid=Element . attr(' name '),则指定错误消息位置;//获取元素的name属性error . appendo(element . parent());//在当前元素的父节点后面添加错误信息} else {error。insertafter(元素);}},debug: false。//如果修改为true,表单将不提交submitHandler:函数(){alert('提交开始');} });});/script p label for=' sex ' gender/label输入类型=' radio' id=' RDO女' name=' sex '/男输入类型=' radio' id=' RDO男' name=' sex '/女/p运行结果如下:

另外:如果参数中加入debug:true,则只用于调试的表单不会提交给服务器;submit thandler : function(){ }将在表单提交到服务器之前执行一些操作;Ajax验证可以用远程完成,好像有一个小bug结合使用ASP.NET和validate时,参考网友的博文会出现一些问题。源代码下载

更多资讯
游戏推荐
更多+