Jquery+H5验证数据(不是表单验证啊 )

Posted 昊爷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery+H5验证数据(不是表单验证啊 )相关的知识,希望对你有一定的参考价值。

啥也不说了 直接上代码

1.我将所有需要验证的控件都加上了   required(类名自己定吧没啥讲究)  class

2.所有的控件都加上了 data-vname的H5自定义属性(名称自个定义吧)  用来弹出提示的时候知道具体是哪个属性

自个写的,不好的不要喷啊  谢谢大家

通过class获取控件,遍历 ,对值进行判断,弹出相应的提示。

	非空验证(可以相应添加其他验证)
	function  isnull(){
		    var flag=1;
		    $.each($(".required"),function(){	        
		         if($(this).get(0).tagName=="INPUT"){
		             if($.trim($(this).val())==""||$(this).val()==null){
		                 alert("请填写"+$(this).attr("data-vname")+"!");	                 
		                flag=0;
		                 return false;
		             }else{
		               
		             }
		         }else if($(this).get(0).tagName=="SELECT"){
		          if($(this).val()=="0"||$(this).val()==0){
		                 alert("请选择"+$(this).attr("data-vname")+"!");
		               flag=0;
		                return false;
		             }else{
		               
		             }
		         
		         }else{
		         
		         }
		         
		         if(flag==0){
		         return false;
		         }else{
		         return true;
		         }
		         
		         
               });

  

以上是关于Jquery+H5验证数据(不是表单验证啊 )的主要内容,如果未能解决你的问题,请参考以下文章

表单验证 - jQuery 验证是不是足够以及如何巧妙地验证 PHP 中的数据?

jquery 远程验证 - 验证字段中的数据是不是

如何验证jsp表单提交不为空

前端提交表单两种验证方式记录 jq或h5 required属性

Jquery 验证 - 如果表为空

检查表单是不是有效而无需重新运行 jquery 验证