Validform:
Jquery表单验证插件–Validform:一行代码搞定整站的表单验证!
jquery.form.js:
1.
<script src="/js/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="/js/Validform_v5.3.2_min.js"></script> <script src="/js/jquery.form.js"></script> <form action="/union/saveJoin.do" method="post" id="form1" class="registerform"> <table border="0" cellpadding="0" cellspacing="1" width="800" > <tr> <td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 姓名 </td> <td width="600" valign="middle"><input class="shout" type="text" name="username" id="username" datatype="s2-12" errormsg="姓名至少2个字符,最多12个字符!" nullmsg="请填写姓名!" ></td> </tr> <tr> <td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 手机 </td> <td width="600" valign="middle"><input class="shout" type="text" name="mobile" id="mobile" datatype="m" errormsg="手机号码格式不正确!" nullmsg="请填写手机号码!"></td> </tr> <tr> <td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 邮箱 </td> <td width="600" valign="middle"><input type="text" name="email" id="email" datatype="e" errormsg="邮箱格式不正确!" nullmsg="请填写邮箱!"></td> </tr> <tr> <td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 身份证号 </td> <td width="600" valign="middle"><input type="text" name="idcard" id="idcard" datatype="*" nullmsg="请填写身份证号!"></td> </tr> <tr> <td width="200" height="60" align="right" valign="middle" style="padding-right: 20px;"> </td> <td width="600" valign="middle"> <input class="btn" type="submit" value="提交资料"> </td> </tr> </table> <span id="checkButton"></span> </form>
JS :
$(function() { $(".registerform").Validform({ btnSubmit:"#checkButton", tiptype:function(msg){ if(msg != ''){ showmsg(msg); } }, tipSweep:true, beforeSubmit:function(){ saveAccount(); return false; } }); }); function saveAccount(){ $("#form1").ajaxSubmit(function(data) { data = eval('(' + data + ')'); if(data.code == 0){ }else if(data.code == -1){ }else{ alert("系统繁忙,请稍后重试!"); } }); return false; }
...
相关推荐
jQuery Validform是一款强大的表单验证插件,它以其简洁的API和高度可定制化的特点,在前端开发中广受欢迎。本文将详细介绍如何使用jQuery Validform插件来实现高效、灵活的表单验证。 **一、Validform简介** ...
**jQuery表单验证插件Validform** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止错误数据的提交,提高用户体验并减轻服务器端的处理负担。jQuery是一个轻量级、高性能的...
**jQuery表单验证插件Validform框架** Validform是一款基于jQuery的强大的表单验证框架,它专注于提供简单、高效、灵活的表单验证解决方案。在Web应用中,表单验证是必不可少的部分,它能确保用户输入的数据符合...
本篇文章将深度探讨“jQuery表单验证插件”,特别是Validform,一个被广泛认可且高效实用的验证工具。 Validform是一款基于jQuery的轻量级表单验证插件,其设计理念在于为开发者提供简单易用、功能全面的表单验证...
Validform是基于jQuery的一个高效、强大的表单验证插件,它允许开发者通过一行简单的代码就能实现全站的表单验证。 Validform插件的亮点在于其高度可定制性和灵活性。它可以轻松地处理各种复杂的验证场景,如邮箱...
《jQuery Validate与Validform验证插件的对比分析》 在前端开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预期格式,从而提高用户体验和数据准确性。jQuery Validate 和 Validform 是两个广泛...
囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype...例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。
**jQuery Validate 和 Validform 验证插件对比分析** 在前端开发中,表单验证是不可或缺的一部分,确保用户输入的数据符合预设的规则,提高用户体验并减少服务器端的压力。jQuery Validate 和 Validform 是两个广泛...
**表单验证插件Validform** Validform是一款广泛应用于前端开发中的强大表单验证插件,主要用于提升用户体验,确保用户输入的数据符合预设的规则,从而避免无效或错误的数据提交到服务器。它基于JavaScript和jQuery...
总的来说,jQuery表单验证插件Validform通过其丰富的验证类型和自定义验证功能,为开发者提供了强大的表单验证解决方案。它可以轻松地集成到项目中,帮助创建出更健壮、更用户友好的表单系统。无论是在企业级应用...
综上所述,Validform是一款强大且易于使用的前端表单验证工具,它提供的多种验证规则、自定义功能和集成的插件,极大地简化了开发者的表单验证工作,提升了用户交互体验。无论是在小型项目还是大型企业级应用中,...
Validform是一款强大的jQuery表单验证插件,其核心理念是将验证规则和提示信息绑定到每一个表单元素上,使得验证过程只需检查表单元素的值是否符合预设的验证条件。这种设计使得表单结构更加灵活,即使动态添加或...
在"validForm-master"这个压缩包中,很可能包含了一个完整的jQuery表单验证插件源代码,便于开发者在自己的项目中集成和定制。 在JavaScript开发中,表单验证通常涉及以下几个主要知识点: 1. **DOM操作**:jQuery...
因而找到一款强大、简洁、使用简单的通用验证方案就显得尤为迫切需要,而我编写的form.js就是这样的一款基于Jquery的表单验证插件,一把锋利而又小巧的刀,经过了累积至少60多个工作日的煅造以及无数个验证需求的...