[推薦]表單輸入驗證可以用jQuery Validation Plugin

edited 十月 2013 in Javascript
官方網址http://jqueryvalidation.org/
介紹與教學在google可以找到很多,我就不在關公面前耍大刀了XD

基本的輸入判斷都可以用這個套見完成判斷,進一步的格式驗證我是用以下方式來處理:
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$.validator.addMethod(
"letter_num_only",
function(value, element) {
var re = new RegExp('^[a-z0-9A-Z\-]+$');
return this.optional(element) || re.test(value);
},
"*只能輸入英文或數字"
);

$().ready(function() {
$("#表單id名稱").validate({
rules: {
admin_id: {
letter_num_only:'',
required: true,
minlength: 6
}
}
});
});
</script>
<form id="表單id名稱">
<input type="text" name="admin_id" id="admin_id" autocomplete="off" maxlength="16"/>
</form>
@"
以上,還滿推薦使用的

原始討論: http://twpug.net/x/modules/newbb/viewtopic.php?topic_id=7688
Sign In or Register to comment.