html的input表单限制纯数字及字符长度

您所在的位置:网站首页 限定用户输入数据为以下格式1234 html的input表单限制纯数字及字符长度

html的input表单限制纯数字及字符长度

2024-07-02 16:55| 来源: 网络整理| 查看: 265

1、限制字符长度用maxlength属性 2、限制input输入框为纯数字:

a、onkeyup = "value=value.replace(/[^\d]/g,'')"

使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母

b、onchange = "value=value.replace(/[^\d]/g,'')"

使用 onchange 事件,在输入内容后,只有 input 丧失焦点时才会得到结果,并不能在输入时就做出响应

c、oninput = "value=value.replace(/[^\d]/g,'')"

使用 oninput 事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。

代码示例:(11位手机号码和4位验证码) input 正则验证11位手机号 function isPoneAvailable($poneInput) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test($poneInput.val())) { return false; } else { return true; } }

正则表达式:var myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;

1--以1为开头;

2--第二位可为3,4,5,6,7,8,9中的任意一位;

3--最后以0-9的9个整数结尾。

注意

maxlength 属性只能与 或 配合使用,不能与type为除此之外的其他类型一同使用



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3