jQuery技术

jquery-validation 学习总结(4)

字号+ 作者:H5之家 来源:H5之家 2015-09-12 19:10 我要评论( )

// 中文字两个字节 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length = value.length; for(var i = 0; i value.length; i++){ if(value.charCodeAt(i) 127){ length++

// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
    var length = value.length;
    for(var i = 0; i < value.length; i++){
        if(value.charCodeAt(i) > 127){
            length++;
        }
    }
return this.optional(element) || ( length >= param[0] && length <= param[1] );   
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

// 邮政编码验证   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");

radio和checkbox、select的验证
radio的required表示必须选中一个
<input type="radio" value="m" />
<input type="radio" value="f"/>
checkbox的required表示必须选中
<input type="checkbox" />
checkbox的minlength表示必须选中的最小个数,maxlength表示最大的选中个数,rangelength:[2,3]表示选中个数区间
<input type="checkbox" value="email" />
<input type="checkbox" value="phone" />
<input type="checkbox" value="mail" />

select的required表示选中的value不能为空
<select title="Please select something!">
    <option value=""></option>
    <option value="1">Buga</option>
    <option value="2">Baga</option>
    <option value="3">Oi</option>
</select>
select的minlength表示选中的最小个数(可多选的select),maxlength表示最大的选中个数,rangelength:[2,3]表示选中个数区间
<select title="Please select at least two fruits" multiple="multiple">
    <option value="b">Banana</option>
    <option value="a">Apple</option>
    <option value="p">Peach</option>
    <option value="t">Turtle</option>
</select>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery 学习 二 DOM JQUERY

    jquery 学习 二 DOM JQUERY

    2016-02-13 14:06

  • 【jQuery基础学习】08 编写自定义jQuery插件

    【jQuery基础学习】08 编写自定义jQuery插件

    2016-02-03 12:01

  • 深入学习jQuery Validate表单验证

    深入学习jQuery Validate表单验证

    2016-01-25 15:49

  • jQuery技巧总结(2)

    jQuery技巧总结(2)

    2016-01-20 19:26

网友点评
e