jQuery Validator message 演示页面 - DIY：代码在线编辑与演示页面

代码类型:

杂项:

启用CSS/JS语法检查
监测脚本运行错误
禁止库文件重复

文档类型:

JS库文件:

手动添加:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jQuery Validator 演示页面</title>		
	</head>
<body>
<form action="https://codeplayer.vip/">
	<div>
		<label>密码</label>：
		<input id="password" name="password" type="password" >
	</div>
	<div>
		<label>价格</label>：
		<input id="price" name="price" type="text" >
	</div>
	<input type="submit" value="提交" />
</form>
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="https://codeplayer.vip/app/static/js/layer/layer.js"></script>
<script src="https://codeplayer.vip/app/static/js/jquery-validator-1.3.js"></script>
<script type="text/javascript">
	// 为了让提示更美观，扩展jQuery原型对象，添加layer的tips方法
	$.fn.tips = function(msg, delay){
		layer.tips(msg, this, delay || 3000);
	};
	
	$("#btnSend").click(function(){
		alert("我只是打酱油路过的~");
	});

var v = new V(); // 创建一个jQuery Validator实例对象

// 为当前实例自定义required校验器的错误提示
	v.setMessage("required", "我是非空校验的自定义提示");

// 为全局(所有实例)自定义length校验器trigger为"=="时的错误提示
	v.setMessage("length.>=", "当前是{validator}校验器，{label}的长度必须大于等于{expected}位", true);

// 为当前实例一次性自定义多个错误提示
	v.setMessage({
		"range.>": "自定义：{label}必须大于{expected}",
		"length.<=": "自定义：{label}的字符位数必须小于等于{expected}"
	});

// 为全局(所有实例)定义错误提示
	V.fn.setMessage({
		"format.number/money": "请输入有效的金额"
	});

// 在表单提交时执行校验
	$("form").v("submit", {
		"#password": {
			length: "[6,16]"      
		},
		"#price": {
			format: "number/money",
			range: "(0,10000]"
		}
	});
</script>
</body>
</html>

相关文章:

代码类型:

杂项:

文档类型:

JS库文件:

手动添加: