输入框常用的验证(一) 随时更新

有时候,我们必须在用户提交数据前 将数据预先验证下,而不是等用户把数据提交后再告诉用户数据不合法,这样可以提高用户体验一下是常用的几个数据验证方式

1 ,输入框只能输入有限位的数字

常见类型为 只能输入年,即4位有效数字

<input type="text" name="number_only"  value="" maxlength="4" onkeyup="value=value.replace(/[^d]/g,[])" ><font color="red">* 请输入4位数字</font>

 其中的onkeyup事件确保了每次输入完成后,都对文本的内容进行检查。并且对于复制粘贴的内容同样有效。

未完待续

原文地址:https://www.cnblogs.com/molang/p/3257238.html