jQuery EasyUI表单验证的例子
例子，jquery easyui实现表单验证。
<html><head>
<title>easyui表单验证的例子-www.jbxue.com</title>
<link style="text/css" rel="stylesheet" href="/jquery-easyui-1.1.2/themes/default/easyui.css">
<script src="jquery-1.4.2.min.js"></script>
<script src="jquery.easyui.min.js"></script>
<script>
$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){
return value.length >= param[0];
},
message: '请输入至少（2）个字符.'
}
});
</script>
</head>
<body>
jquery easyui 表单验证举例。www.jbxue.com
<form name="frmRegister" method="post">
<div style="width:500px;height:20px;">
name:<input name="txtName" class="easyui-validatebox"validType="minLength[3]" missingMessage="不能为空" required="true" >
</div>
<div style="width:500px;height:20px;">
psw:<input name="txtPsw" type="password" class="easyui-validatebox" validType="minLength[2]" required="true">
</div>
<div style="width:500px;height:20px;">
address:<input name="txtAddr" class="easyui-validatebox" validType="minLength[4]" invalidMessage="请输入至少4个字符" required="true">
</div>
<div style="width:500px;height:20px;">
email:<input name="txtEmail" validType="email" class="easyui-validatebox">
</div>
<div style="width:500px;height:20px;">
<input type="submit" value="注册">
</div>
</form>
</body>
</html>
您可能感兴趣的文章：
jQuery EasyUI表单验证的例子
Jquery easyui表单异步验证扩展
jquery easyui表单验证实例学习
jquery easyui验证简单示例
jquery easyui通过class方式设置dialog
jQuery的UI组件 EasyUI
jquery easyui自定义下拉框列表
Jquery插件easyUi表单验证提交(示例代码)
jquery easyui表单重置扩展思路
jQuery表单验证插件 jQuery.validity