百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> js判断只能输入数字、字母代码总结
分享文章到:

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

发布时间:01/15 来源: 浏览: 关键词:
有时我们希望用户只能输入数字、字母,其它的全部不允许进入,下面我来给大家介绍几段关于只能输入数字、字母代码实现,有需要了解的朋友可参考。

在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,”)”>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板