javascript 基于正则表达式的文本框验证代码

 更新时间:2009年12月26日 00:05:42   作者:   我要评论
js验证文本框内容,以前jb51.net提供过不少是基于js函数版本的,这里提供一些正则表达式版本,大家学习归学习,最好是基于函数的绑定操作。代码分离技术。

1,不能为空
<input  type="text" onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

2,只能输入英文和数字
<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

3,判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)

4,只能输入数字
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

5,只能输入中文
<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

6,只能输入英文
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

7,只能输入中文、英文、数字、@符号和.符号
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

8,只允许输入英文,且不能粘贴也无法弹出粘贴菜单
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/>

只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)
<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" >

总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了

中文:u4E00-u9FA5
数字:d、0-9
英文:a-z、A-Z
其它符号@,点或其它符号.也可以多个,用\隔开就行了.
例如:
中、英文和数字加@符号加点符号:\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"

相关文章

  • php正则表达式中贪婪与非贪婪介绍

    php正则表达式中贪婪与非贪婪介绍

    什么叫贪婪,比如说要从字符串中td面包一td td面包二td吃面包,本来你只可以吃面包一,可是你贪心,于是就把第一个td到最后一个td里面的两个面包取出来了,你想多吃点,非贪婪也就是你不贪吃了,就只吃面包一
    2016-03-03
  • 正则表达式中使用变量赋值

    正则表达式中使用变量赋值

    正则表达式中使用变量赋值...
    2006-10-10
  • 一个正则的写法 php

    一个正则的写法 php

    一个正则的写法 php...
    2006-10-10
  • php的正则表达式完全手册

    php的正则表达式完全手册

    正则表达式是烦琐的,但是强大的,学会之后的应用会让你除了提高效率外,会给你带来绝对的成就感。只要认真去阅读这些资料,加上应用的时候进行一定的参考,掌握正则表达式不是问题。
    2011-02-02
  • AS3 js正则表达式 反向引用(backreference)

    AS3 js正则表达式 反向引用(backreference)

    这篇文章主要介绍了AS3 js正则表达式 反向引用(backreference) 的相关资料,需要的朋友可以参考下
    2016-03-03
  • 正则表达式轻松消除HTML代码

    正则表达式轻松消除HTML代码

    正则表达式再次让我震撼,寥寥数行代码就可以完成普通代码不易实现的功能,至少是实现起来比较复杂的功能。
    2009-02-02
  • javascript常用正则表达式合集

    javascript常用正则表达式合集

    常用的正则验证代码,非常的全面,但因为是针对以前的版本,例如手机等,学习正则与使用正则验证表单的朋友绝对值得参考。
    2010-08-08
  • 正则表达式,相关链接

    正则表达式,相关链接

    正则表达式,相关链接...
    2007-04-04
  • 教你轻松记住JS正则表达式

    教你轻松记住JS正则表达式

    有没有人像小编一样,学了好几遍正则表达式却还是很懵圈,学的时候老明白了,学完了忘光了。好吧,其实还是练的不够,今天就随我来复习一下这傲娇的正则表达式吧。
    2016-07-07
  • 正则表达式m修饰符(多行匹配)

    正则表达式m修饰符(多行匹配)

    m修饰符规定正则表达式可以执行多行匹配,在默认状态下,一个字符串无论是否换行只有一个开始^和结尾$,如果采用多行匹配,那么每一个行都有一个^和结尾$
    2016-12-12

最新评论