100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery 插件 Validation表单验证 使用步骤(详细的)

jQuery 插件 Validation表单验证 使用步骤(详细的)

时间:2023-09-17 20:15:04

相关推荐

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:整数

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。