网站地图    收藏   

主页 > 前端 > javascript >

js判断只能输入数字、字母代码总结

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 有时我们希望用户只能输入数字、字母,其它的全部不允许进入,下面我来给大家介绍几段关于只能输入数字、字母代码实现,有需要了解的朋友可参考。...

在js中正则表达式我们可以这样验证

数字:d、0-9
英文:a-z、A-Z

只能输入数字:

 代码如下 复制代码

<input onkeyup=”value=value.replace(/[^/d]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^/d]/g,”))”>

<input name=”username” type=”text” onkeyup=”value=this.value.replace(//D+/g,”)”>

上面我们常用的,如果要还可以输入小数点我们还可以参考下面

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}”>

这里还可以输入只能输入英文和数字:

 代码如下 复制代码

<input onkeyup=”value=value.replace(/[/W]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^/d]/g,”))”>

只允许输入英文字母、数字和下划线(以下二种方法实现)

 代码如下 复制代码

<input name=”username” type=”text” style=”ime-mode:disabled”>
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w/.//]/ig,”)”>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论