创建自定义的HTML5输入框出错信息
这个代码将介绍如何使用javascript来修改HTML5中输入框缺省的验证错误信息,帮助你更好的开发表单验证效果
<form action=""> <!-- 添加我们书写的验证js方法 --> <input type="text" pattern="[a-zA-Z]+" oninvalid="validateIt(this)" oninput="validateIt(this)"/> <input type="submit" /> </form>
/*Javascript代码片段*/ function validateIt(inputelement){ if(inputelement.validity.patternMismatch){ inputelement.setCustomValidity('只允许输入字母'); }else{ inputelement.setCustomValidity(''); //输入内容符合验证条件 } return true; }
.