JS表单数据验证的正则表达式(常用)

常用的验证方法:

checkUserNameflag=false;
 checkPasswordflag=false;
 checkPasswordAgianflag=false;
 checkEmailflag=false;
// 用户名校验
function checkUserName() {
 var username = $("userNeme").value;
 var zz = /^[A-Za-z0-9]{6,}$/;
 if (!zz.test(username)) {
  $("userName_warn").innerHTML = " × 用户名不符合规范";
  checkUserNameflag=false;
 } else {
  /*$("userName_warn").style.color='blue';
  $("userName_warn").innerHTML = "√ 用户名可用";*/
  showUserExist(username);
  checkUserNameflag=true;
 }
}
//重置提示
function resetWarn(){
 $("userName_warn").innerHTML="";
 $("email_warn").innerHTML="";
 $("password_warn").innerHTML="";
 $("Repassword_warn").innerHTML="";
}
// 密码校验
function checkPassword() {
 var password1 = $("password").value;
 if (password1.length >= 6 && password1.length <= 15) {
  checkPasswordflag = true;
  $("password_warn").style.color='blue';
  $("password_warn").innerHTML = " √ 密码可用 ";
  checkAgianMiMa();
 } else {
  checkPasswordflag = false;
  $("password_warn").innerHTML = " × 密码至少为 6 个字符 ";
 }
}
function checkPasswordAgian() {
 var password1 = $("password").value;
 var password2 = $("rePassword").value;
 if (password1 == password2) {
  if (password1 == "") {
   $("Repassword_warn").innerHTML = " × 请输入密码 ";
   checkPasswordAgianflag = false;
   return;
  }
  $("Repassword_warn").style.color='blue';
  $("Repassword_warn").innerHTML = "√ 重复输入密码正确";
  checkPasswordAgianflag = true;
 } else {
  checkPasswordAgianflag = false;
  $("Repassword_warn").innerHTML = " × 两次密码输入不同 ";
 }
}
function checkEmail(){
 //对电子邮件的验证
  var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  var email=$("email").value;
  if(!myreg.test(email)){
   checkEmailflag=false;
    $("email_warn").style.color='red';
   $("email_warn").innerHTML = " × 邮箱格式不符合规范";
  } else {
   checkEmailflag=true;
   $("email_warn").style.color='blue';
   $("email_warn").innerHTML = "√ 邮箱格式正确";
  }
}
function submitCheck(){
 alert(checkUserNameflag);
 if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false
   ||checkPasswordAgianflag==false || checkEmailflag==false){
  return;
 }
}
function $(id){
 return document.getElementById(id);
} 

js正则表达式--验证表单

检测手机号码:/0?(13|14|15|18)[0-9]{9}/

检测用户名:(数字,英文,汉字,下划线,中横线):/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/

密码:(数字,英文,下划线,中横线)/^[A-Za-z0-9_-]+$/

身份证:/\d{17}[\d|x]|\d{15}/

非空:/^\S+$/

IP地址:/((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/

以上所述是小编给大家介绍的JS表单数据验证的正则表达式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • js正则表达式注册页面表单验证

    正则表达式方式的验证方式,这个验证比较标准而且比较全面,不过也是通过点击提交按钮才进行验证,本实例可以这样验证,具体内容如下 也可以这样验证 具体代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表单验证类Validator v1</title> <style&g

  • js 常用正则表达式表单验证代码

    正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中查找特定文字. 基本语法 在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表

  • js正则表达式验证表单【完整版】

    效果图: 图(1)初始图 图(2)填入信息校验 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>完整验证表单</title> <style type="text/css"> *{margin: 0;padding: 0;list-style:none;} bod

  • Javascript的表单验证-揭开正则表达式的面纱

    推荐阅读:Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-初识正则表达式 在上篇文章给大家介绍了javascript的表单验证-初识正则表达式,本文给大家介绍Javascript的表单验证-揭开正则表达式的面纱,具体详情请看全文. 用元字符匹配相应的字符类型 创建正则表达式有点像创建字符串字面量,只不过正则表达式出现在一对"/"里 正则表达式中会用到一级元字符,用于连接字母与数字 "." 匹配任何字符,除

  • JavaScript表单通过正则表达式验证电话号码

    JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现. 复制代码 代码如下: //检查电话号码 function isTel(str){ var reg=/^([0-9]|[\-])+$/g ; if(str.length<7 || str.length>18){ return false; } else{ return reg.exec(str); }

  • JavaScript 使用正则表达式进行表单验证的示例代码

    JavaScript 表单验证正则表达式大全利用正则表达式判断是否是0-9的阿拉伯数字 复制代码 代码如下: function regIsDigit(fData) { var reg = new RegExp("^[0-9]$"); return (reg.test(fData)); } 利用这则表达式获取字符串的长度 复制代码 代码如下: function regDataLength(fData) { var valLength = fData.length; var reg = n

  • JavaScript 表单验证正则表达式大全[推荐]

    具体和函数结合的使用方法,还请查看下篇文章 JavaScript 使用正则表达式进行表单验证的示例代码 复制代码 代码如下: 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:< (S*?)[^>]*>.*?

  • js用正则表达式来验证表单(比较齐全的资源)

    在学习网页中的表单验证,顺便学习下正则表达式 在网上找了后发现了一个比较齐全的资源,稍微进行了一下排版 复制代码 代码如下: // 检查是否为有效的真实姓名,只能含有中文或大写的英文字母 function isValidTrueName(strName){ var str = Trim(strName); //判断是否为全英文大写或全中文,可以包含空格 var reg = /^[A-Z u4E00-u9FA5]+$/; if(reg.test(str)){ return false; } ret

  • JavaScript通过正则表达式实现表单验证电话号码

    JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现. 复制代码 代码如下: //检查电话号码 function isTel(str){ var reg=/^([0-9]|[\-])+$/g ; if(str.length18){ return false; } else{ return reg.exec(str); } }

  • JavaScript常用的正则表达式表单验证代码

    常用的正则表达式如下: 复制代码 代码如下: "^-?[1-9]\\d*$", //整数 "^[1-9]\\d*$", //正整数 "^-[1-9]\\d*$", //负整数 "^([+-]?)\\d*\\.?\\d+$", //数字 "^[1-9]\\d*|0$", //正数(正整数 + 0) "^-[1-9]\\d*|0$", //负数(负整数 + 0) "^([+-]?)

随机推荐