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:"密码不一致"
            },
    
         } 
    })    
  • 相关阅读:
    期末总结
    作业01 第一次作业 入门
    C语言I博客作业09
    C语言I博客作业08
    C语言I博客作业07
    C语言I博客作业06
    C语言|博客作业05
    通过Excel批量导入数据-Java代码
    python3-easygui模块安装
    com.alibaba.fastjson.JSONArray cannot be cast to XX
  • 原文地址:https://www.cnblogs.com/pro-simian/p/7216220.html
Copyright © 2011-2022 走看看