实用的input输入框特效_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

在我们制作网站的时候，常常会用到input输入框，这里给大家整理带正则验证的INPUT输入框代码，无需在编写JS代码，通过使用这里整理的INPUT特效代码，就能实现常用的正则验证，代码如下：

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 onkeyup="value=value.replace(/[^w./]/ig,'')">

4.只能输入英文、数字，不能输入汉字、特殊字符等：

<input onkeyup="value=value.replace(/[^w./]/ig,'')">

5.不能为空的input输入框，如果为空则弹出提示：

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

6.只能输入中文，如果输入其他字符，则自动清除：

<input type="text" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')">

7，只能输入英文：

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

在这里就先整理这么七种，如果您有更多的，欢迎提供分享。