首页 > web前端 > js教程 > 正文

js正则表达式实现的各种验证文本框输入格式

不言
发布: 2018-08-15 18:00:01
原创
2372 人浏览过

本篇文章给大家带来的内容是关于js正则表达式实现的各种验证文本框输入格式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

不能为空 

<input onblur="if(this.value.replace(/^ +| +$/g,&#39;&#39;)==&#39;&#39;)alert(&#39;不能为空!&#39;)">
登录后复制

只能输入英文和数字

<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert(&#39;有错&#39;)">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,&#39;&#39;)"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,&#39;&#39;)">
登录后复制

判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母

/^([a-zA-z_]{1})([\w]*)$/g.test(str)
登录后复制

只能输入数字

<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,&#39;&#39;)" onafterpaste="value=value.replace(/\D/g,&#39;&#39;)" >
登录后复制

只能输入中文

<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)">
登录后复制

只能输入英文

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,&#39;&#39;)">
登录后复制

只能输入中文、英文、数字、@符号和.符号

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,&#39;&#39;)">
登录后复制

只允许输入英文,且不能粘贴也无法弹出粘贴菜单

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)" 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,&#39;&#39;)" >
登录后复制

总而言之:先在里输入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\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在里输入

 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"
登录后复制

相关推荐:

正则表达式的JS验证

js正则表达式验证时间格式实例

以上是js正则表达式实现的各种验证文本框输入格式的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板