自定义input输入框报错

创建自定义的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;
}

 

 

 

 

.