js各种验证文本框输入内容格式

输入框不能为空 
<input onblur="if(this.value.replace(/^ +| +$/g,‘‘)==‘‘)alert(‘不能为空!‘)">

只能输入英文和数字
<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,‘‘)">

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

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

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

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

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

只允许输入英文,且不能粘贴也无法弹出粘贴菜单
<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;"

原文地址:https://www.cnblogs.com/Hawk-cyc/p/9212651.html

时间: 2024-08-29 18:24:47

js各种验证文本框输入内容格式的相关文章

验证文本框输入内容类型是汉字

JS代码如下: 1 <script type="text/javascript"> 2 function check() { 3 if (isChina(document.getElementById("Text_Value").value)) { 4 alert("輸入正確"); 5 //do something 6 } 7 else { 8 alert("輸入不正確"); 9 return false; 10

实现文本框输入内容提示代码实例

实现文本框输入内容提示代码实例:比较人性化的网站一般都是比较讲究细节的,比如文本框输入内容具有提示效果,在默认情况下,文本框有提示文本,当鼠标放入文本框输入文本的时候,提示文本会消失,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="ht

Selenium向iframe富文本框输入内容

目录 前言 只输入纯文本 通过JS注入HTML代码 前言 在使用Selenium测试一些CMS后台系统时,有时会遇到一些富文本框,如下图所示: 整个富文本编辑器是通过iframe嵌入到网页中的,手动尝试输入内容,发现内容是输入到iframe页面的body中的, 这种富文本框怎么输入呢? 我们也可以直接在body的源码上点击右键选择Edit HTML,输入相应的html代码,达到向富文本框输入的目的,如下下图: 以下是使用Selenium的操作方法 只输入纯文本 如果只输入不带格式的纯文本,可以先

关于MFC文本框输入内容的获取 与 设置文本框的内容

八月要开始做界面了<( ̄︶ ̄)/,然而目前只会用MFC╮(╯▽╰)╭ 好吧,言归正传,设置好文本框后,要获取用户输入的内容,可以用: GetDlgItemText() ; 这个函数有两个参数,第一个参数为文本框的ID号,比如IDC_EDIT3,然后用第二个参数存储其内容; 要想设置某文本框的内容,可以用: SetDlgItemText(); 参数类比之前的获取函数:

文本框输入内容智能提示效果

实现效果如图 大体思路: 1.监听文本框事件.这里是用的keyup事件.大家可以尝试用onchange事件.不过感觉keyup事件的效果要好一点. 2.根据输入内容通过ajax异步的方式去访问后台数据. 3.遍历返回数据将数据添加到显示区域. 4.在添加数据的同时给每一条数据加上一些效果,点击其中一条将数据填到文本框,并且提示内容消失. 5.后台数据应该拼接成json格式.我这里的格式是这样的[{"name":"张三","sex","男

Java+Selenium向文本框输入内容以后模仿键盘的&quot;ENTRY&quot;

在自动化测试中我们避免不了要模仿一些键盘上按钮的操作,普通的字母,数字,特殊符号,这些都是很简单的,有时候我们也会模仿"SHIFT","ALT","CONTROL",这些Selenium已经提供了Action了,具体如下: Actions actions = new Actions(driver); actions.keyDown(Keys.CONTROL);//按下,松开control actions.keyDown(Keys.CONTROL)

文本框输入内容立即触发事件

1.当输入内容时,立即触发某事件,宜用onkeyup,onchange会有延时. 2.jsp页面中常用的触发方法有: onchange .onkeyup .onblur 3.js中一般去掉on,例如 //自动检索 $("#resetSearch").keyup(function(){ var name = $("#resetSearch").val(); $("#projectListPanel").load(url,function(){ re

js中——限制文本框输入非数字

//先把非数字的都替换掉,除了数字和.和/             obj.value = obj.value.replace(/[^\-\d./]/g, ""); //必须保证第一个为数字而不是.             obj.value = obj.value.replace(/^\./g, ""); //保证只有出现一个.而没有多个.             obj.value = obj.value.replace(/\.{2,}/g, ".&q

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

将以下代码放入输入框就可以了. (1)用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" (2)用正则表达式限制只能输入全角字符: onkeyup="valu