jQuery 插件 Validation表单验证 使用步骤（详细的）

之前一直专注于做公司的OA系统，很久没有好好学习了，，，，

下面就开始讲这个插件的使用步骤

1.现在界面引入插件

<script src="jquery.js"></script>

<script src="jquery.valition.js"></script>

<form id=demoFrom>

<p>

<label for="username">用户名</label>

<input type="text" id=username name="username">

</p>

<p>

<label for="password">密码</label>

<input type="text" id=passwordname="password">

</p>

<p>

<input type="submit" value="登录">

</p>

</from>

<script>

　　$(document).ready(function(){

　　　　$("#demoFrom").validation({

　　　　　　rules:{

　　　　　　　　　　//name的名字，而不是Id

　　　　　　　　　　username:{

　　　　　　　　　　　　required:"必须填写",

　　　　　　　　　　　　minlengtn:最小两位,

　　　　　　　　　　　　maxlength:“最大十位”

},

　　　　　　　　password:{

　　　　　　　　　　　　required:"必须填写",

　　　　　　　　　　　　minlengtn:最小两位,

　　　　　　　　　　　　maxlength:“最大十位”

},

}

　　　　　　　　message:{

　　　　　　　　　username:{

　　　　　　　　　　　　required:true,

　　　　　　　　　　　　minlengtn:2,

　　　　　　　　　　　　maxlength:10

},

　　　　　　　　password:{

　　　　　　　　　　　　required:true,

　　　　　　　　　　　　minlengtn:2,

　　　　　　　　　　　　maxlength:10

},

}

})

})

</script>

 

 

------基本API

method:验证方法  ，指的是校验的逻辑

rule：验证规则，指的是元素和验证方法的关联

validate:插件的核心方法，定义了基本的校验规则和一些有用的配置项

debug：true;  表单不会提交

 

required 必填  max：最大值  range：值范围  email：email格式  url：url格式  date：日期  dateISO ISO日期  number：数字  digits：整数   

 

 

 

只是最简单的一个验证，，，，，

 

转载于:https://www.cnblogs.com/jiakai/p/5141514.html