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:整数
只是最简单的一个验证,,,,,