Jquery表单验证插件–Validform
来源:互联网 发布:约翰·特拉沃尔塔 知乎 编辑:程序博客网 时间:2024/05/14 02:21
Validform:
Jquery表单验证插件–Validform:一行代码搞定整站的表单验证!
Validform 官网
- <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;
- }
0 0
- Jquery表单验证插件–Validform
- Jquery表单验证插件–Validform
- Jquery表单验证插件–Validform
- jquery表单验证插件:Validform常用的验证规则
- 12、jQuery插件之Validform表单验证插件
- validform表单验证插件最终版
- validform表单验证插件最终版
- validform表单验证插件最终版
- Jquery表单验证插件–Validform:一行代码搞定整站的
- Jquery表单验证插件–Validform:一行代码搞定整站的
- 表单验证插件Validform的使用方法
- 表单验证插件Validform 5.3使用简介
- 关于验证表单插件Validform的用法
- Validform实时表单验证插件实例使用
- JavaScript/Jquery:Validform 一句话验证表单内容
- Validform.js jQuery验证插件 使用说明
- Validform表单验证
- Validform表单验证
- SAT数学常见几何词汇
- 黑马程序员——唯一性
- mysql怎么让一个存储过程定时执行
- MyBatis配置文件报错
- android listview gridview等自定义滚动条样式(非反射)
- Jquery表单验证插件–Validform
- 好用 linux下通过yum安装svn及配置
- iTunes Connect 使用总结
- web前端杂记(1)--JS DOM树操作简记
- oracle笔记一(sql语句方面)
- 算法---二分查找
- Guice 学习(六)使用Provider注入服务( Provider Inject Service)
- iOS应用程序的生命周期(要多看)
- 异或巧用:Single Number