有时候,我们必须在用户提交数据前 将数据预先验证下,而不是等用户把数据提交后再告诉用户数据不合法,这样可以提高用户体验一下是常用的几个数据验证方式
1 ,输入框只能输入有限位的数字
常见类型为 只能输入年,即4位有效数字
<input type="text" name="number_only" value="" maxlength="4" onkeyup="value=value.replace(/[^\d]/g,[])" ><font color="red">* 请输入4位数字</font>
其中的onkeyup事件确保了每次输入完成后,都对文本的内容进行检查。并且对于复制粘贴的内容同样有效。
未完待续