国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > JS实现文本框只能输入数字和字母

JS实现文本框只能输入数字和字母

来源:程序员人生   发布时间:2013-12-03 00:47:30 阅读次数:2598次

  以前曾经用javascript写过验证文本框只能输入小数(需要保留两位小数点)的例子,记得主要是通过判断eventkey或evencode来实现的,最经接手别人的项目要增加对文本框进行验证,只能输入数字和字母,后台和前台验证都可以,为了尽量减少代码的改动,决定用JavaScript来实现验证。

  代码如下:

<script type="text/javascript">
var re=/^[A-Za-z0-9]*$/;
var str='';
function checknum(obj)
{
if(re.test(obj.value)==false){
obj.value=str;
alert("only input alpha numeric characters");
} else {
str=obj.value;
}
}

<input type="text" name="txtName" onpropertychange="checknum(this)">

感觉用正则表达式验证还是蛮简洁的。

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生