• jquery validation表单验证插件。


    这个是刚学的,觉得对以后挺有用的,就想把自己所学的分享一下。

    校验规则:

    (1)required:true 必输字段
    (2)number:true 必须输入合法的数字(负数,小数)
    (3)digits:true 必须输入整数
    (4)url:true 必须输入正确格式的网址
    (5)email:true 必须输入正确格式的电子邮件
    (6)creditcard:true 必须输入合法的信用卡号
    (7)equalTo:"#password" 输入值必须和#password相同
    (8)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
    (9)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
    (10)rangelength:[5,10] 输入长度必须介于 510 之间的字符串")(汉字算一个字符)
    (11)max:5 输入值不能大于5
    (12)min:10 输入值不能小于10
    (13)range:[5,10] 输入值必须介于 510 之间
    (14)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
    (15)date:true 必须输入正确格式的日期,日期校验ie6出错,慎用
    (16)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-231998/01/22 只验证格式,不验证有效性
    (17)remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值

    1.引入jquery插件,然后引入validation插件

    2.写一个form表单

     

     3.写jquery

            <script type="text/javascript">
                $(function(){
                    $('#demoForm').validate({
                        rules:{
                            //必须填写
                            username:{
                                //必填
                                required:true,
                                //最小长度为6位
                                minlenght:6,
                                //最大长度为9位
                                maxlength:9
                            },
                            password:{
                                //必填
                                required:true,
                                //最小长度为6位
                                minlenght:6,
                                //最大长度为9位
                                maxlength:16
                            },
                            age:{
                                //最小为18岁
                                min:18,
                                //最大为30岁
                                max:30,
                                //必须填整数
                                digits:true,
                            }
                        },
                        messages:{
                            //改变提示的内容
                            //错误提示
                            username:{
                                required:'此项必填',
                                minlenght:'最少6位',
                                maxlength:'最多9位'
                            },
                            password:{
                                required:'此项必填',
                                minlenght:'密码最少6位',
                                maxlength:'密码最多16位'
                            },
                            age:{
                                min:'最小18岁',
                                max:'最大80岁'
                                digits:'年龄必须是正整数',
                            }
                        }
                    })
                })
            </script>

                            我就学了这么多,等学了新的再给大家分享,谢谢!!!

    <script type="text/javascript">$(function(){$('#demoForm').validate({rules:{//必须填写username:{//必填required:true,//最小长度为6位minlenght:6,//最大长度为9位maxlength:9},password:{//必填required:true,//最小长度为6位minlenght:6,//最大长度为9位maxlength:16},age:{//最小为18岁min:18,//最大为30岁max:30,//必须填整数digits:true,}},messages:{//改变提示的内容//错误提示username:{required:'此项必填',minlenght:'最少6位',maxlength:'最多9位'},password:{required:'此项必填',minlenght:'密码最少6位',maxlength:'密码最多16位'},age:{min:'最小18岁',max:'最大80岁'digits:'年龄必须是正整数',}}})})</script>

  • 相关阅读:
    JS URL传中文参数引发的乱码问题
    git (转载)
    php webservice
    php date之间的相互转换
    在图片上加字符-base64转图片-图片转base64
    转:微软面试一百题
    2014-8-17 note
    some base knowledge
    introduction
    Centos6.6 编译安装nginx
  • 原文地址:https://www.cnblogs.com/qiaocanpeng/p/7062000.html
Copyright © 2020-2023  润新知