Input输入框的验证


开发工具与关键技术：C# MVC作者：李宥良撰写时间：2019年7月6日

只允许输入英文字母、数字和下划线(以下二种方法实现) <input name="username"
type="text" style="ime-mode:disabled"> <input name="username"
type="text"
onkeyup="value=value.replace(/[^/w/.//]/ig,'')"> 只允许输入英文字母、数字和&=@ <input name="username"
type="text"
onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')"> 只允许输入汉字 <input name="username"
type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">me" type="text"
style="ime-mode:disabled"> <input name="username"
type="text"
onkeyup="value=value.replace(/[^/w/.//]/ig,'')"> 只允许输入英文字母、数字和&=@ <input name="username"
type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')">只允许输入汉字 <input name="username"
type="text"
onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">文本框只能输入数字代码(小数点也不能输入)<input
onkeyup="this.value=this.value.replace(//D/g,'')"
onafterpaste="this.value=this.value.replace(//D/g,'')">只能输入数字,能输小数点.<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='';}">数字和小数点方法二<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}">//input输入框只能输入数字和 小数点后两位function num(obj,val){obj.value =
obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符obj.value =
obj.value.replace(/^\./g,""); //验证第一个字符是数字obj.value =
obj.value.replace(/\.{2,}/g,""); //只保留第一个, 清除多余的obj.value =
obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");obj.value =
obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数}其一，只允许输入数字和小数点。 <input onKeypress="return
(/[/d.]/.test(String.fromCharCode(event.keyCode)))"
style="ime-mode:Disabled"> 其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来 <script> function check(){ if (isNaN(tt.value)) {alert("非法字符！"); tt.value="";} } </script> <input type="text"
name="tt" onkeyup="check();"> 其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。 <script language=javascript> function onlyNum() { if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))event.returnValue=false; } </script><input
onkeydown="onlyNum();" style="ime-mode:Disabled> 结语,其实 style="ime-mode:Disabled 这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。

Input输入框的验证相关推荐

js input输入框校验
只能输入英文 <input type="text" οnkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> ...
input输入框的各种使用方法
input输入框的各种用法 1.邮箱:提交时,验证有没有@,以及@后面有没有内容 <input type="email" name="email"> ...
js实现input输入框内容自动格式化工具-Cleave.js使用教程
Cleave.js是一个帮助表单实现各种复杂实时格式化显示的工具库,可以说Cleave.js让表单的输入变得更加的高逼格,能实现很多复杂的表单格式化显示,简而言之就是针对 <input> ...
HTML中限制input 输入框输入内容
HTML中限制input 输入框输入内容先介绍使用 oninput 事件,限制HTML中input 输入框输入内容的方式,再介绍用其它方式限制HTML中input 输入框输入内容. 只能输入纯数字的 ...
html 输入框焦点事件,input输入框用jquery怎么写失去焦点事件
input输入框用jquery失去焦点事件的方法:首先设置input的id属性为testid:然后使用[ready()]方法在页面加载完成时,执行function函数:最后使用[blur()]方法给i ...
input输入框为number类型时，去掉上下小箭头
input输入框type为number时,去掉上下小箭头,方式如下: <input type="number" ...><style>/* 在Chrome浏 ...
php监听input,jQuery如何实时监听获取input输入框的值
jQuery实时监听获取input输入框的值,在我们日常web项目开发也常需要去实现这样的功能效果.为了作出即时动作去引导浏览者,以便提高网站的用户体验感. 下面我们就结合具体的代码示例,为大家介绍j ...
移动端页面输入法挡住input输入框的解决方法
移动端页面输入法挡住input输入框的解决方法参考文章: (1)移动端页面输入法挡住input输入框的解决方法 (2)https://www.cnblogs.com/haqiao/p/7896922 ...
input输入框在移动端点击有阴影解决方法
input输入框在移动端点击有阴影解决方法参考文章: (1)input输入框在移动端点击有阴影解决方法 (2)https://www.cnblogs.com/dingjiujiu/p/6694332 ...

Input输入框的验证

Input输入框的验证相关推荐

最新文章

热门文章