jquery validate demo

最新推荐文章于 2024-08-14 10:15:39 发布

cacaxiyun

最新推荐文章于 2024-08-14 10:15:39 发布

阅读量2.1k

点赞数 1

分类专栏： js 文章标签： jquery class generator input function html

本文链接：https://blog.csdn.net/cacaxiyun/article/details/6968755

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE>
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<title></title>
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
</head>
<body>
<form id="test" method="post">
<!-- <input id="cname" name="name" class="required validBob"> <br/> -->
name:<input id="cname" name="name"> <br/>
age:<input id="cage" name="age"><br/>
<input id="gender_male" name="gender" type="radio" value="m" class="required">male<br/>
<input id="gender_female" name="gender" type="radio" value="f">female<br/>
<br/>
<input type="submit" value="Submit">
<br/>
<label for="cname" class="error" generated="true" style="display:none;"></label><br/>
<label for="cage" class="error" generated="true" style="display:none;"></label><br/>
<label for="gender" class="error" generated="true" style="display:none;"></label>
</form>
<script>
// document:  http://rocketsquared.com/wiki/Plugins/Validation/validate#options

$(function(){
	$.validator.addMethod("validBob", function(value, element){
            if (value == "bob")
                return false;
            return true;
     });
		
	$("#test").validate({
	    onfocusout:false,
		focusInvalid:false,
		rules:{
			age:"required",
			name:{
				required:true,
				validBob:true,
				minlength: 2
			}
		},
		messages:{
			age:"The age is required.",
			name:{
				required:"The name is required.",
				validBob:"The name can't be bob."
			},
			gender:"The gender is required."
		}
	});
});
</script>
</body>
</html>

cacaxiyun

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery validate demo

-->name: age:malefemale// document: http://rocketsquared.com/wiki/Plugins/Validation/validate#options$(function(){ $.validator.addMethod("validBob", function(value, element){
复制链接

扫一扫

专栏目录