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框架demo实例代码
来源:http://www.17sucai.com 使用后感:简单实用
支持验证以下类型:数字及长度、字符、身份证格式及是否正确、手机号、邮箱、网址等,功能齐全,使用方便。
jquery表单验证插件,是表单验证更简单方便
jquery特效插件 Validform制作一行代码搞定整站的表单验证 各种表单验证的方式
囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype...例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。
表单验证插件Validform
本文实例为大家分享了jquery表单验证插件,供大家参考,具体内容如下 //正则表达式 var map = new Map(); map.put("*", /[\w\W]+/); map.put("*6-16", /^[\w\W]{6,16}$/); map.put("n", /^\d+$/); map.put("n6-16",...
因而找到一款强大、简洁、使用简单的通用验证方案就显得尤为迫切需要,而我编写的form.js就是这样的一款基于Jquery的表单验证插件,一把锋利而又小巧的刀,经过了累积至少60多个工作日的煅造以及无数个验证需求的...
其效果图如下:使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 ...link rel=”stylesheet” href=”validationEngine.jquery.css
二:普通验证 (1)Validform_Datatype.js /* Validform datatype extension By sean during December 8, 2012 - February 20, 2013 For more information, please visit http://validform.rjboy.cn 扩展以下类型
jquery插件:一行代码搞定整站表单验证! Validate all the forms through the site just need one line code! 通用表单验证方法 Validform version 2.0 For more information, please visit By sean during April...
Validform是一款优秀的表单验证插件,layer是一款优秀的弹出窗口插件。下面通过例子看看这二者碰出的火花吧 首先要引入jquery,Validform和layer [removed][removed] [removed][removed] <script type="te
简介:完全通过html不需要写JS验证程序就可以实现表单验证功能,可支持一个表单元件多条件验证, 同一页面多表单可同时使用,和服务端程序无关系,完全客户端方式。 Demo1 基本使用方法 Demo2 自定义错误信息显示...
validform 最好用的表单验证,使用非常容易 php.js 用js写成的php函数,非常适合php开发使用,新增js模板函数tpl; layer 弹出层,功能超过,包括相册看图 layui,类似bootstrap,包括了layer所有功能,更加强大 jquery-form ...
│ Validform 表单验证插件 │ zepto zepto库 │ ueditor 百度编辑器 │ Highcharts 图表插件 │ dataTables 表格排序,检索插件 │ WebUploader 百度文件上传组件 │ lightbox2 图片预览组件 │ │ ...
├── Validform 表单验证插件 ├── jquery.validation 表单验证插件 ├── My97DatePicker 日期插件 ├── datatables 表格插件 ├── nprogress 进度条插件 ├── layer layer弹出层插件 ├── laypage ...