jQuery 通用表单方法

表单验证一直是一个麻烦的事情，让很多人望而退步，之前想过一个验证的好方法，但是有bug，昨晚请教了juyling.com的王员外，顺利解决。

以下是js代码

function mySubmit($obj, $form, $input){$obj.click(function(){var flag = true,errorIndex = -1;$input.each(function(i){if( ! $.trim( $(this).val() )  ){errorIndex = i;return flag = false;}});if( flag ){$form.submit();}else{alert($input.eq(errorIndex).attr('data-msg'));$input.eq(errorIndex).focus();return false;}});}

HTML代码

<form method="post" id="myform"><p><label for="Name">真实姓名</label><input name="Name" id="Name" class="v" data-msg="请输入姓名" type="text" /></p><p><label for="contact_value">手机号码</label><input name="contact_value" id="contact_value" class="v" data-msg="请输入手机号码" type="tel" /></p><p class="btn"><input name="dosubmit" id="btn-sbt" value="注 册" type="submit" /></p>
</form>

　　来自;http://www.imsole.net/article/1.63.sole

转载于:https://www.cnblogs.com/xiaolinxi/p/3289074.html

jQuery 通用表单方法相关推荐

jquery验证表单很简单的方法
现在网上有很多jquery验证表单的插件,但都写的比较复杂.一般都有两三个文件. 我今天写一个最简单但是很实用的验证登录表单的方法. 我基本上只是给大家提供一种思路.jquery插件一般也是按这个思路 ...
使用jQuery提交表单
我想使用jQuery提交表单. 有人可以提供代码,演示或示例链接吗? #1楼来自手册: jQuery Doc $("form:first").submit(); #2楼您将必须 ...
JavaScript - JavaScript通用表单验证函数(实例)
Check.js JS函数文件 /* *--------------- 客户端表单通用验证CheckForm(oForm) ----------------- * 功能:通用验证所有的表单元素. ...
基于jQuery的表单验证插件：jValidate
网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JS框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼 ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (五) —— jQuery Mobile 表单下
在上文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 表单上>中, Kayo 介绍了一部分 jQuery Mobile 表单组件 ...
jQuery验证表单插件——jquery-validation
jQuery验证表单插件--jquery-validation The jQuery Validation Plugin provides drop-in validation for your ex ...
jquery提交表单_jQuery提交表单
jquery提交表单 jQuery submit() function triggers when a user tries to submit a form. jQuery submit form ...
jQuery实现表单验证
1.基于html表单,利用jQuery实现表单验证功能. 2.html基本结构和样式: 3.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...

jQuery 通用表单方法

jQuery 通用表单方法相关推荐

最新文章

热门文章