js 网页常用表单正则表达式

function chknum(obj){
var val = obj.val;
if(val!=""){
if(!(/^[0-9]{1,20}$/.exec(val))){
obj.val="";
alert("请输入有效数字!");
obj.focus();
}
}
}

下面看一些简单常用正则表达式

"^-?[1-9]d*$", //整数
"^[1-9]d*$", //正整数
"^-[1-9]d*$", //负整数
"^([+-]?)d*.?d+$", //数字
"^[1-9]d*|0$", //正数(正整数 + 0)
"^-[1-9]d*|0$", //负数(负整数 + 0)
"^([+-]?)d*.d+$", //浮点数
"^[1-9]d*.d*|0.d*[1-9]d*$",   //正浮点数
"^-([1-9]d*.d*|0.d*[1-9]d*)$",  //负浮点数
"^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$",  //浮点数
"^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$",   //非负浮点数(正浮点数 + 0)
"^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$",  //非正浮点数(负浮点数 + 0)
"^w+((-w+)|(.w+))*@[a-za-z0-9]+((.|-)[a-za-z0-9]+)*.[a-za-z0-9]+$", //邮件
"^[a-fa-f0-9]{6}$", //颜色
"^http[s]?://([w-]+.)+[w-]+([w-./?%&=]*)?$", //url
"^[一-\?-?]+$", //仅中文
"^[x00-xff]+$", //仅acsii字符
"^d{6}$", //邮编
"^(13|15|18)[0-9]{9}$", //手机
"^(25[0-5]|2[0-4]d|[0-1]d{2}|[1-9]?d).(25[0-5]|2[0-4]d|[0-1]d{2}|[1-9]?d).(25[0-5]|2[0-4]d|[0-1]d{2}|[1-9]?d).(25[0-5]|2[0-4]d|[0-1]d{2}|[1-9]?d)$", //ip地址
"^s+$", //非空
"(.*).(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$", //图片
"(.*).(rar|zip|7zip|tgz)$", //压缩文件
"^d{4}(-|/|.)d{1,2}1d{1,2}$", //日期
"^[1-9]*[1-9][0-9]*$", //qq号码
"^(([0+]d{2,3}-)?(0d{2,3})-)?(d{7,8})(-(d{3,}))?$", //电话号码的函数(包括验证国内区号,国际区号,分机号)
"^w+$", //用来用户注册。匹配由数字、26个英文字母或者下划线组成的字符串
"^[a-za-z]+$", //字母
"^[a-z]+$", //大写字母
"^[a-z]+$", //小写字母
"^[1-9]([0-9]{14}|[0-9]{17})$" //身份证

"^[a-za-z0-9]+$"  //由数字和26个英文字母组成的字符串
 
"^w+$"  //由数字、26个英文字母或者下划线组成的字符串
 
"^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$"    //email地址
 
"^[a-za-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?s*)?$"  //url
 
[code]电子邮件 : @"^w+((-w+)|(.w+))*@w+((.|-)w+)*.w+$"
 
http url : @"^[url]http://([/url][w-]+.)+[w-]+(/[w- ./?%&=]*)?";
 
邮编 : @"d{6}"
 
身份证 : @"d{18}|d{15}"

特别我们要介绍一下关于图片验证"(.*).(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$",如果你还要增加其它图片格式只要自己增加就可能以了。

匹配国内电话号码:(d{3}-|d{4}-)?(d{8}|d{7})? 
 

应该是 (0d{2}-|0d{3}-)?(d{8}|d{7})?

 
 1.文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/d/g,'')" onafterpaste="this.value=this.value.replace(/d/g,'')">

 
2.只能输入数字,能输小数点.

<input onkeyup="if(isnan(value))execcommand('undo')" onafterpaste="if(isnan(value))execcommand('undo')">
<input name=txt1 onchange="if(/d/.test(this.value)){alert('只能输入数字');this.value='';}">

 
3.数字和小数点方法二

<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[+-]?d+(?:.d+)?|.d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^.d+$/))this.value=0+this.value;if(this.value.match(/^.$/))this.value=0;this.o_value=this.value}">

 
4.只能输入字母和汉字

<input onkeyup="value=value.replace(/[d]/g,'') "onbeforepaste="clipboarddata.setdata('text',clipboarddata.getdata('text').replace(/[d]/g,''))" maxlength=10 name="numbers">

 
5.只能输入英文字母和数字,不能输入中文

<input onkeyup="value=value.replace(/[^w./]/ig,'')">

 
6.只能输入数字和英文<font color="red">chun</font>

<input onkeyup="value=value.replace(/[^d|chun]/g,'')">

 
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onkeypress="if((event.keycode<48 || event.keycode>57) && event.keycode!=46 || /.dd$/.test(value))event.returnvalue=false">

 
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

<input onkeyup="this.value=this.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3')">

 

时间: 2024-09-19 14:52:16

js 网页常用表单正则表达式的相关文章

js 各种常用表单验证正则函数(数字,邮箱,整数,小数)

js 各种常用表单验证正则函数(数字,邮箱,整数,小数)日期等 /************************************************     验证各种数据格式 *************************************************/ //为数字添加, function formatnum(v){     var reg = /(?=(?!b)(ddd)+(?!d))/g;     return v.replace(reg,','); }

js验证表单正则表达式收集

验证帐号是否合法 验证规则:字母.数字.下划线组成,字母开头,4-16位.  代码如下 复制代码 function checkUser(str){ var re = /^[a-zA-z]w{3,15}$/; if(re.test(str)){ alert("正确"); }else{ alert("错误"); } } checkUser("q_11");//调用 2.验证手机号码 验证规则:11位数字,以1开头.  代码如下 复制代码 functi

JS组件Form表单验证神器BootstrapValidator_javascript技巧

本文为大家分享了JS组件Form表单验证神器BootstrapValidator,供大家参考,具体内容如下 1.初级用法来看bootstrapvalidator的描述:A jQuery form validator for Bootstrap 3.从描述中我们就可以知道它至少需要jQuery.bootstrap的支持.我们首先引入需要的js组件: <script src="~/Scripts/jquery-1.10.2.js"></script> <scr

php常用表单验证类用法实例_php技巧

本文实例讲述了php常用表单验证类用法.分享给大家供大家参考.具体如下: <?php /** * 页面作用:常用表单验证类 * 作 者:欣然随风 * QQ:276624915 */ class class_post { //验证是否为指定长度的字母/数字组合 function fun_text1($num1,$num2,$str) { Return (preg_match("/^[a-zA-Z0-9]{".$num1.",".$num2."}$/&q

js获取form表单所有数据的简单方法_javascript技巧

在HTML中用js获取通过GET.POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值. 针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴出来的代码可以作为公用方法直接调用.可以提高大家的开发效率. Js代码 <script type="text/javascript"> //获取指定form中的所有的<input>对象 function getElements(formId) { var form = documen

Extjs中常用表单介绍与应用_extjs

目标: 知道表单面板如何创建 了解表单面板中xtype的类型的应用 知道表单面板如何验证,绑定,取值 综合应用表单面板(玩转它) 内容: 首先我们要理解的是FormPanel也是继承panel组件的.所以它有着panel的属性 要创建一个表单面板其实很简单 var MyformPanel=new Ext.form.formpanel(); 表单面板和面板一样只是作为一个容器出现的,需要我们使用items加入各控件元素来丰富我们的表单面板, defaults:{},此属性提取了items中各组件项

CSS网页设计实例:网页登陆表单实例

文章简介:网页登陆表单实例. W3cplus从今天刚开推出藤藤练习的CSS3系列.出这个系列主要是为了让同样有着CSS3兴趣的同学更有动力,在这个系列中都是由W3cplus美女成员藤藤每天根据国外搜集的有关psd设计图,然后将设计图通过css3的代码转换成DEMO案例.一是为了自己提高,二是与其他有同样爱好的同学一起分享.如果你喜欢,那就持续关注w3cplus的有关更新. 这个案例主要制作的是一个登录表单,在这个案例中使用了box-shadow.gradient,transform和transi

网页设计师参考:网页登录表单设计实例

收集了一些好看的网页登录表单设计给大家欣赏

php常用表单验证类用法实例

  本文实例讲述了php常用表单验证类用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73