ljpjr 2010-09-01 00:36
浏览 538
已采纳

jQuery表单验证时,不出现提示信息



<br> $(document).ready(function(){ </p> <p>/* 设置默认属性 */<br><br> $.validator.setDefaults({<br><br> submitHandler: function(form) { form.submit(); }<br><br> });<br><br> // 中文字两个字节<br><br> jQuery.validator.addMethod(&quot;byteRangeLength&quot;, function(value, element, param) {<br><br> var length = value.length;<br><br> for(var i = 0; i &lt; value.length; i++){<br><br> if(value.charCodeAt(i) &gt; 127){<br><br> length++;<br><br> }<br><br> }<br><br> return this.optional(element) || ( length &gt;= param[0] &amp;&amp; length &lt;= param[1] );<br><br> }, &quot;请确保输入的值在3-15个字节之间(一个中文字算2个字节)&quot;); </p> <p>/* 追加自定义验证方法 */<br><br> // 身份证号码验证<br><br> jQuery.validator.addMethod(&quot;isIdCardNo&quot;, function(value, element) {<br><br> return this.optional(element) || isIdCardNo(value);<br><br> }, &quot;请正确输入您的身份证号码&quot;); </p> <p>// 字符验证<br><br> jQuery.validator.addMethod(&quot;userName&quot;, function(value, element) {<br><br> alert(/^[a-zA-Z\u0391-\uFFE5]{2}[\u0391-\uFFE5\w]{0,14}$/ig.test(value)); <br> return this.optional(element) || /^[a-zA-Z\u0391-\uFFE5]{2}[\u0391-\uFFE5\w]{0,14}$/ig.test(value);<br><br> }, &quot;用户名只能包括中文字、英文字母、数字和下划线&quot;); </p> <p>// 手机号码验证<br><br> jQuery.validator.addMethod(&quot;isMobile&quot;, function(value, element) {<br><br> var length = value.length;<br><br> return this.optional(element) || (length == 11 &amp;&amp; /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value));<br><br> }, &quot;请正确填写您的手机号码&quot;); </p> <p>// 电话号码验证<br><br> jQuery.validator.addMethod(&quot;isPhone&quot;, function(value, element) {<br><br> var tel = /^(\d{3,4}-?)?\d{7,9}$/g;<br><br> return this.optional(element) || (tel.test(value));<br><br> }, &quot;请正确填写您的电话号码&quot;); </p> <p>// 邮政编码验证<br><br> jQuery.validator.addMethod(&quot;isZipCode&quot;, function(value, element) {<br><br> var tel = /^[0-9]{6}$/;<br><br> return this.optional(element) || (tel.test(value));<br><br> }, &quot;请正确填写您的邮政编码&quot;); </p> <p>$(&quot;#regFrom&quot;).validate({<br><br> /* 设置验证规则 <em>/<br><br> rules: {<br><br> userName: {<br><br> required: true,<br><br> userName: true,<br><br> byteRangeLength: [3,15]<br><br> },<br><br> password: {<br><br> required: true,<br><br> minlength: 5<br><br> },<br><br> repassword: {<br><br> required: true,<br><br> minlength: 5,<br><br> equalTo: &quot;#password&quot;<br><br> },<br><br> question: {<br><br> required: true<br><br> },<br><br> answer: {<br><br> required: true<br><br> },<br><br> realName: {<br><br> required: true<br><br> },<br><br> cardNumber: {<br><br> isIdCardNo: true<br><br> },<br><br> mobilePhone: {<br><br> isMobile: true<br><br> },<br><br> phone: {<br><br> isPhone: true<br><br> },<br><br> email: {<br><br> required: true,<br><br> email: true<br><br> },<br><br> zipCode: {<br><br> isZipCode:true<br><br> }<br><br> },<br><br> /</em> 设置错误信息 */<br><br> messages: {<br><br> userName: {<br><br> required: &quot;请填写用户名&quot;, <br> userName:&quot;请输入中文,英文&quot;, <br> byteRangeLength: &quot;用户名必须在3-15个字符之间(一个中文字算2个字符)&quot;<br><br> },<br><br> password: {<br><br> required: &quot;请填写密码&quot;,<br><br> minlength: jQuery.format(&quot;输入{0}.&quot;)<br><br> },<br><br> repassword: {<br><br> required: &quot;请填写确认密码&quot;,<br><br> equalTo: &quot;两次密码输入不相同&quot;<br><br> },<br><br> question: {<br><br> required: &quot;请填写您的密码提示问题&quot;<br><br> },<br><br> answer: {<br><br> required: &quot;请填写您的密码提示答案&quot;<br><br> },<br><br> realName: {<br><br> required: &quot;请填写您的真实姓名&quot;<br><br> },<br><br> email: {<br><br> required: &quot;请输入一个Email地址&quot;,<br><br> email: &quot;请输入一个有效的Email地址&quot;<br><br> }<br><br> },<br><br> }); <br> }); </p> <p>



userName:

password:

repassword:

question:

answer:

realName:

eamil:




展开全部

  • 写回答

2条回答 默认 最新

  • orangeyuan 2010-09-01 06:12
    关注

    如果在IE里面报错的话 就将这段 answer: {

    required: "请填写您的密码提示答案"

    },

    realName: {

    required: "请填写您的真实姓名"

    },

    email: {

    required: "请输入一个Email地址",

    email: "请输入一个有效的Email地址"

    }

    },

    });
    }); 最后一个地方的逗号去掉 改为
    required: "请填写您的密码提示答案"

    },

    realName: {

    required: "请填写您的真实姓名"

    },

    email: {

    required: "请输入一个Email地址",

    email: "请输入一个有效的Email地址"

    }

    }

    });
    });
    就行啦

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 爱快路由器端口更改错误导致无法访问
  • ¥20 安装catkin时遇到了如下问题请问该如何解决呢
  • ¥15 VAE模型如何输出结果
  • ¥15 编译python程序为pyd文件报错:{"source code string cannot contain null bytes"
  • ¥20 关于#r语言#的问题:广义加行模型拟合曲线后如何求拐点
  • ¥15 fluent设置了自动保存后,会有几个时间点不保存
  • ¥20 激光照射到四象线探测器,通过液晶屏显示X、Y值
  • ¥50 数据库开发问题求解答
  • ¥15 安装anaconda时报错
  • ¥15 小程序有个导出到插件方式,我是在分包下引入的插件,这个export的路径对吗,我看官方文档上写的是相对路径
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部