js表单验证

原创 2007年09月15日 22:44:00
java script验证表单时常用:  

"^-[0-9]*[1-9][0-9]*$"  //负整数   

"^-?//d+$"    //整数   

"^//d+(//.//d+)?$"  //非负浮点数(正浮点数 + 0)   

"^(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正浮点数   

"^((-//d+(//.//d+)?)|(0+(//.0+)?))$"  //非正浮点数(负浮点数 + 0)   

"^(-(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //负浮点数   

"^(-?//d+)(//.//d+)?$"  //浮点数   

"^[A-Za-z]+$"  //由26个英文字母组成的字符串   

"^[A-Z]+$"  //由26个英文字母的大写组成的字符串   

"^[a-z]+$"  //由26个英文字母的小写组成的字符串   

"^[A-Za-z0-9]+$"  //由数字和26个英文字母组成的字符串   

"^//w+$"  //由数字、26个英文字母或者下划线组成的字符串   

"^[//w-]+(//.[//w-]+)*@[//w-]+(//.[//w-]+)+$"    //email地址   

"^[a-zA-z]+://(//w+(-//w+)*)(//.(//w+(-//w+)*))*(//?//S*)?$"  //url    

应用实例

用户名:
/^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){4,19}$/

无符号字符串:
/^[^/s]{1}[^-_/~!@#/$%/^&/*/./(/)/[/]/{/}<>/?/////'/"]*$/

Email:
/^/w+([-+.]/w+)*@/w+([-.]//w+)*/./w+([-.]/w+)*$/

电话号码:
/^((/(/d{3}/))|(/d{3}/-))?(/(0/d{2,3}/)|0/d{2,3}-)?[1-9]/d{6,7}$/

手机号码:
/^((/(/d{3}/))|(/d{3}/-))?13/d{9}$/

URL:
/^http:////[A-Za-z0-9]+/.[A-Za-z0-9]+[//=/?%/-&_~`@[/]/':+!]*([^<>/"/"])*$/

身份证:
/^/d{15}(/d{2}[A-Za-z0-9])?$/

货币:
/^/d+(/./d+)?$/

数字:
/^/d+$/

邮政编码:
/^[1-9]/d{5}$/

QQ:
/^[1-9]/d{4,8}$/

整数:
/^[-/+]?/d+$/

实数:
/^[-/+]?/d+(/./d+)?$/

英文:
/^[A-Za-z]+$/

中文
/^[/u0391-/uFFE5]+$/

密码(必须含有大写字母、小写字母、标点、数字中的至少两种。呵呵,这个比较变态吧~)
/^(([A-Z]*|[a-z]*|/d*|[-_/~!@#/$%/^&/*/./(/)/[/]/{/}<>/?/////'/"]*)|.{0,5})$|/s/

利用正则表达式限制网页表单里的文本框输入内容:  

用正则表达式限制只能输入中文:onkeyup="value="/value.replace(/["^/u4E00-/u9FA5]/g,’’)" onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/u4E00-/u9FA5]/g,’’))"  

用正则表达式限制只能输入全角字符: onkeyup="value="/value.replace(/["^/uFF00-/uFFFF]/g,’’)" onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/uFF00-/uFFFF]/g,’’))"  

用正则表达式限制只能输入数字:onkeyup="value="/value.replace(/["^/d]/g,’’) "onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/d]/g,’’))"  

用正则表达式限制只能输入数字和英文:onkeyup="value="/value.replace(/[/W]/g,"’’) "onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/d]/g,’’))"


<script language="java script">

//去左空格;
function ltrim(s){
    return s.replace( /^//s*/, "");
}
//去右空格;
function rtrim(s){
    return s.replace( ///s*$/, "");
}
//去左右空格;
function trim(s){
    return rtrim(ltrim(s));
}
//是否为空值;
function IsEmpty(_str){
    var tmp_str = trim(_str);
    return tmp_str.length == 0;
}
//是否有效的Email;
function IsMail(_str){
    var tmp_str = trim(_str);
    var pattern = /^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*$/;
    return pattern.test(tmp_str);
}
//是否有效的数字;
function IsNumber(_str){
    var tmp_str = trim(_str);
    var pattern = /^[0-9]/;
    return pattern.test(tmp_str);
}
//是否有效的颜色值;
function IsColor(color){
    var temp=color;
    if (temp=="") return true;
    if (temp.length!=7) return false;
    return (temp.search(///#[a-fA-F0-9]{6}/) != -1);
}
//是否有效的链接;
function IsURL(url){
    var sTemp;
    var b=true;
    sTemp=url.substring(0,7);
    sTemp=sTemp.toUpperCase();
    if ((sTemp!="::URL::http://") target="_blank"  ... #124;|(url.length<10)){
        b=false;
    }
    return b;
}
//是否有效的手机号码;
function IsMobile(_str){
    var tmp_str = trim(_str);
    var pattern = /13//d{9}/;
    return pattern.test(tmp_str);
}
 

Html JS实现表单验证

  • HeartIsland
  • HeartIsland
  • 2015年07月30日 21:05
  • 4805

JS封装常用表单验证

* 常用表单验证封装 * BY bruce 2013-05-27 */ var shapebase=new ShapeBase(); function ShapeBase() { /...
  • ahhbjz1
  • ahhbjz1
  • 2013年05月30日 11:44
  • 3321

整理的一些常用的js表单验证

/** * 验证时间 * @param dataValue 格式为:YYYY-MM-DD * @returns 匹配返回true 不匹配返回false */ function valiDate...
  • zp522123428
  • zp522123428
  • 2014年09月05日 09:36
  • 5218

表单验证js封装

表单验证js封装          表单验证在项目中可以说是必不可少的部分,只要有输入就有表单验证,从最简单的验证为不为空,到复杂的验证特殊字符,验证是不是邮箱,电话等特殊字符。当然最基本的原理大家...
  • linxi1209163com
  • linxi1209163com
  • 2015年08月31日 13:56
  • 1465

利用策略模式与装饰模式扩展JavaScript表单验证功能

昨天为了练习策略模式和装饰模式 就写了一个表单验证的小例子 敲得过程中还是遇到了一些问题的 下面就给大家分享一下...
  • q1056843325
  • q1056843325
  • 2017年02月14日 13:05
  • 1239

JavaScript - 表单验证实例

表单验证1 表单验证
  • wangzi11322
  • wangzi11322
  • 2015年04月26日 14:01
  • 4884

一个简单的表单验证JS

一个简单的表单验证JS 这个表单验证支持空值,长度,范围,群组,ajax 示例效果 验证模式1 验证模式2 用户名 密码 ...
  • qq_27289001
  • qq_27289001
  • 2015年11月29日 20:42
  • 855

JS校验表单(包括电话,邮编,手机号等等)

function isMail(obj,str,allowNull) { var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9...
  • linwei_1029
  • linwei_1029
  • 2011年10月25日 11:18
  • 11337

JS自定义简陋的表单验证插件

简单的自定义表单验证插件
  • wangbo54979
  • wangbo54979
  • 2016年10月31日 16:33
  • 383

表单验证插件Validate.js的使用

本文介绍了表单验证插件(validate.js)的基本使用方法,通过使用validate.js插件可以极大地方便我们在项目中绝大部分的表单验证。...
  • u014607184
  • u014607184
  • 2016年05月17日 20:23
  • 3308
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js表单验证
举报原因:
原因补充:

(最多只允许输入30个字)