easyui表单验证

最新推荐文章于 2022-05-06 10:43:34 发布

小勇Oo

最新推荐文章于 2022-05-06 10:43:34 发布

阅读量830

点赞数

分类专栏： js篇

本文链接：https://blog.csdn.net/qq383264679/article/details/41743565

版权

js篇专栏收录该内容

29 篇文章 0 订阅

订阅专栏

html：

<body>
	<div id="panel" style="width:500px;height:400px;" class="easyui-panel" title="表单验证">
		<form action="" method="post">
				用户名 ： <input type="text" required="true" name="username" class="easyui-validatebox" validType="midLength[3,10]" missingMessage="不许为空" /><br />
		
				密   码 : <input type="password" name="pwd" class="easyui-validatebox" validType="pwdLength[3]" />	<br /><br />
				<a href="#" class="easyui-linkbutton">提交</a>
		</form>
	</div>
</body>

js：

<script>

		//自定义表单验证
		$.extend($.fn.validatebox.defaults.rules, {   
			  midLength : {   	
				  validator: function(value, param){   	
					  return value.length >= param[0] && value.length <= param[1];   
				  },   
				  message: '长度必须在3-10个之间'  
			  },
			  pwdLength : {
			  	  validator: function(value, param){   	
					  return value.length == param[0];   
				  },   
				  message: '长度必须为3'
			  }   
 	   });

</script>

说明：自定义校验

value表示：页面输入的值

param表示：validType传入的参数值

easyui实现的校验有：