zoukankan      html  css  js  c++  java
  • 表单校验---validation检验

    validate是jQuery插件,及必须在jQuery的基础上进行运行。所以首先要导入jQuery库,validate库和国际化资源库(可选)

    validate需要手动声明,对那个表单进行校验,手动方式可以使用以下4种校验方式。

    <script type="text/havascript">
        $().ready(function{
             $("#formId").validate();
         });
    </script>
    校验类型 取值 描述
    required true||false 必填字段
    email email 邮件地址
    url   路径
    date 数字 日期
    dateISO 字符串 日期(YYYY-MM-dd)
    number   数字(负数,小数)
    digits   整数
    minlength 数字 最小长度
    maxlength 数字 最大长度
    rangelength [minL,maxL] 长度范围
    min   最小值
    max   最大值
    range [min,max] 值范围
    equalTo jQuery表达式 两个值相同
    remote url路径 ajax校验

    js代码方式

    语法:
    $(...).validate({
       rules:{},
       messages:{}  
    });
    
    rules规则语法:
        rules:{
          字段名:校验器,
          字段名:校验器
        }
    校验器语法:
    语法:{校验器:值,校验器:值,...}
    messages提示语法:
    messages:{
       字段名:{校验器:"提示",校验器:"提示",...} 
    }

    例:

    $("#formId").validate({
       rules:{
            username:{
               required:true
            },
            password:{
               required:true,
               rangelength:[2,5]    
            },
            repassword:{
                equalTo:"[name=password]"
            }
         },
         messages:{
            username:{
               required:"不能为空"
            },
            password:{
               rangelength:"长度{0}-{1}之间"   
            },
            repassword:{
                equalTo:"密码不一致"
            },
    
         } 
    })    
  • 相关阅读:
    uip UDPclient模式通信移植,p本地ort可以是无规
    正则表达式摘要
    Regular expression
    正则-合乎规则
    通配符-通配
    正则表达式总结
    判断大盘筑顶的方法
    筑顶和下跌规律
    股票的筑顶危险信号
    股票筑顶的基本特征
  • 原文地址:https://www.cnblogs.com/pro-simian/p/7216220.html
Copyright © 2011-2022 走看看