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;
		         }

               });

  

时间: 2024-12-28 18:44:44

Jquery+H5验证数据(不是表单验证啊 )的相关文章

jquery.validate.js使用之自定义表单验证规则

jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则 jquery.validate.js演示查看 jquery validate强大的jquery表单验证插件 http://www.51xuediannao.com/js/jquery/jquery_validate/ ======================================================== //扩展验证规则 //邮箱 表单验证规则jQuery.validator.

jQuery/javascript实现网页注册的表单验证

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>注册表单验证</title> 5 <script src="jquery.js"></script> 6 <style type="text/css"> 7 table{background-color:pink;width:80%;height:3

介绍jquery.validate.js简单实用的表单验证框架

在线演示1 本地下载 最近在做用户登录.注册.以及用户中心...然后之前在慕课网学的jquery.validate用得着地方了,根据自己需求进行了细节修改,重要是样式方面吧. 第一次发表这些,说得不好不要介意,开始吧.首先: $("#form").validate({ //在这里面编辑 }); 验证的时候常常需要调试,该框架内置了一个方法,如下: debug:true, //调试模式(并不会提交) 来个实例,HTML: <div class="form-group&qu

jQuery 表单验证插件——Validation(基础)

这个插件不错,是用jquery写的.能进行表单验证.我喜欢它的原因是因为 1.他有自带的验证规则 2.你可以自己写验证规则 3.可以通过ajax与后台交互,与后台数据比较.最后返回结果!我在表单中要验证是不是存在这个账号的时候需要与后台进行交互,使用ajax是最好不过的! 使用的方法很简单:我简单说一下“ 1.写jsp页面,js文件 2.引入的这个类库,一个是juquery的类库文件,一个是validation的文件----->http://pan.baidu.com/s/1c04nN5u 3.

(转)强大的JQuery表单验证插件 FormValidator使用介绍

jQuery formValidator表单验证插件是客户端表单验证插件.在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来进行表单元素的校验,而这些校验在平时开发中不停的重复书写.常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等.一般要判断的表单元素比较多,开发过程就显得枯燥无味--重复的代码不断重复,而且可能还要兼容多种浏览器,更多

[jQuery学习系列五 ]5-Jquery学习五-表单验证

前言最近总是有一个感觉,虽然这些东西都自己学习并一个案例一个案例的去验证过了.但是总觉得不写成博客记录下来这些都不是自己的东西(心理作用,哈哈).所以每当学习或者复习相关的知识我都喜欢记录下来,下面开始到jQuery的表单验证.这里的表单验证都是最简单最基础的方式去完成,当然jQuery还有一些比较好的验证框架,这里就不提及了. 一,字段验证:1.1 字段非空 <form action="" method="post" id ="myform&quo

jquery validate强大的jquery表单验证插件

jquery.validate.js使用之自定义表单验证规则 //邮箱 表单验证规则 jQuery.validator.addMethod("mail", function (value, element) { var mail = /^[a-z0-9._%-][email protected]([a-z0-9-]+\.)+[a-z]{2,4}$/; return this.optional(element) || (mail.test(value)); }, "邮箱格式不对

python_way day14 HTML-day5 (form表单验证,)

python-way day19 1. dJango的form表单验证 一,django表单验证功能 1.django验证基础: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>django form</title> </head> <body> <div> <i

Laravel教程 七:表单验证 Validation

Laravel教程 七:表单验证 Validation 此文章为原创文章,未经同意,禁止转载. Laravel Form 终于要更新这个Laravel系列教程的第七篇了,期间去写了一点其他的东西. 就不 说废话了吧,直接进入Form Validation的部分吧.几乎在每一个web应用当中都会有表单,而有表单基本就离不开表单验证.在laravel中,其实可以说是有两种方式来进行表单验证:使用Request和使用Validation.下面将分开讲这两部分的内容,而且我会更着重第一种,也更推荐大家使

Webx之表单验证

引入服务器端表单验证service,是通过在webx.xml中通过服务引入的方式完成的.例如,在user相关信息的表单验证的产生过程是这样的:webx-user.xml通过 <beans:import resource="user/form.xml" />引入form,xml表单验证配置,在form.xml中,通过services:form开始了表单的验证工作. Webx表单验证服务主张验证逻辑和页面表现逻辑完全分离.所有的验证规则都写在一个单独的配置文件中 —— 页面模板