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 中的数据?