栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jquery表单验证插件formValidator使用方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jquery表单验证插件formValidator使用方法

本文实例为大家分享了jquery表单验证插件formValidator的使用方法,供大家参考,具体内容如下

使用步骤:

1.首先在项目中添加必备js与css

 

2.代码中添加引用(必备引用)

  
  
  
 

3.中要验证的标签(做一些常用的演示)

身份证(正则表达式库):
身份证(外部函数):
整数:
正整数:
负整数:
数字:
正数(正整数 + 0):
负数(负整数 + 0):
浮点数:
正浮点数:
负浮点数:
非负浮点数(正浮点数 + 0):
非正浮点数(负浮点数 + 0):
颜色:
你的EMAIL:
手机:
邮编:
非空:
图片:
压缩文件:
ip4:
QQ号码:
国内电话:
用户名:
字母:
大写字母:
小写字母:
身份证:

4.

5.效果图:

6.添加修改说明:

 $.formValidator.reloadAutoTip(); //重新加载表单验证样式
    if(!$.formValidator.pageIsValid('1')) return false; //如果不通过则不提交
 


  $(document).ready(function () {
   $.formValidator.initConfig({ formID: "form1", onError: function () { alert("校验没有通过,具体错误请看错误提示") } });
   $("#name").formValidator({ onShow: "请输入姓名!", onFocus: "输入一个到十个字符", onCorrect: "输入正确,谢谢您的合作!" }).inputValidator({ min: 1, max: 20, onError: "输入长度,不对!" });
   $("#timelong").formValidator({ onShow: "请输入路演时长!", onFocus: "输入格式为正整数!", onCorrect: "输入正确,谢谢您的合作!" }).regexValidator({ regExp:"intege1",dataType: "enum", onError: "您输入的时长格式不正确!" });
   $("#address").formValidator({ onShow: "请输入路演平台名称!", onFocus: "输入一个到五十个字符", onCorrect: "输入正确,谢谢您的合作!" }).inputValidator({ min: 1, max: 50, onError: "输入长度,不对!" });
   $("#urladdress").formValidator({ onShow: "请输入路演链接地址!", onFocus: "输入格式:http://www.baidu.com", onCorrect: "输入正确,谢谢您的合作!" }).regexValidator({ regExp:"^(http|https|ftp)://([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|localhost|([a-zA-Z0-9-]+.)*[a-zA-Z0-9-]+.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(/($|[a-zA-Z0-9.,?'\+&%$#=~_-]+))*$", onError: "输入格式不正确!" });
   $("#time").formValidator({ onCorrect: "格式正确" }).functionValidator({fun:isDateTime, onError: "输入格式,不对!" });
   $("#txtcontent").formValidator({ onShow: "请输入专家简介!", onFocus: "输入一个到一百个字符", onCorrect: "输入正确,谢谢您的合作!" }).inputValidator({ min: 1, max: 100, onError: "输入长度,不对!" });
  });

ajax验证用户是否存在

js代码 (html中一定要设置name值,否则动态是获取不到值的)

$("#userID").formValidator({ ajax:true,onShow: "请输入账号", onfocus: "最好以字母开头,只能由字母数字组成 ,不能少于6个字符。", onCorrect: "用户名可以使用,请完善下面信息。" }).regexValidator({ regExp: "username", dataType: "enum", onError: "你输入的格式不正确!" }).inputValidator({ min: 6, max: 16, onError: "输入长度不正确!" })
    .ajaxValidator({
     dataType: "text",
     async: true,
     url: "Tool/AddUser.ashx",
     success: function (data) {
      if (data == "0") { return true; }
      else if (data == "null") { return "注意:用户名不能少于6个字符。"; }
      else if (data == "false") { return "该用户名已被注册,请更换用户名。"; }
     },
     buttons: $("#button"),
     error: function (jqXHR, textStatus, errorThrown) { alert("服务器没有返回数据,可能服务器忙,请重试" + errorThrown); },
     onError: "该用户名不可用,请更换用户名",
     onWait: "正在对用户名进行合法性校验,请稍候..."
    }).defaultPassed(); //这里添加defaultPassed()的话,则默认验证通过。

一般处理程序代码

public void ProcessRequest(HttpContext context)
  {
   context.Response.ContentType = "text/plain";
   #region 判断用户是否被注册过
   string returnStr = "";
   //这里其实是context.Request.QueryString根据name获取的值 一定要设置空间的name值
   if (context.Request["userName"] != null && context.Request["userName"].ToString().Length > 0)
   {
    if (isExist(context.Request["userName"].ToString()))
    {
     returnStr = "false";
    }
    else
    {
     returnStr = "0";
    }    
   }
   else
   {
    returnStr = "null";
   }
   context.Response.Write(returnStr);
   context.Response.End();
   #endregion
  }

  #region 判断用户是否被注册过
  public bool isExist(string userName)
  {
   Snet.BLL.UserAccount bll = new BLL.UserAccount();
   return bll.Exists(userName);
  }
  #endregion

以上就是本文的全部内容,希望对大家的学习有所帮助。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/97717.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号