setCustomValidity()方法：
設置 input 元素的 validationMessage 屬性，用於自定義錯誤提示信息的方法。
注意：使用 setCustomValidity 設置了自定義提示後，validity.customError 就會變成true，則 checkValidity() 總是會返回false，導致無論重新輸入的格式正確與否，都會提示設置好的錯誤信息。
解決辦法：用obj.validity.patternMismatch判斷，如果輸入的格式正確，就將setCustomValidity 清空，使JavaScript重新判斷validity.customError的值。
參考：http://www.runoob.com/js/js-validation-api.html
在該鏈接中，提到三種清空setCustomValidity的方法，但經過測試，只有第一種方法setCustomValidity(’’)可以使用。
複製代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>未使用setCustomValidity()方法</title>
</head>
<body>
<form name="test" action="" method="post">
<input id="input" type="text" required="required" placeholder="請輸入4-11位字母加數字的密碼" pattern="^(?![0-9]+$)(?![a-zA-Z]+$)[0-9a-zA-Z]{4,14}$" oninput="this.setCustomValidity('')">
<input type="submit" onclick="setMyText()">
</form>
<script type="text/javascript">
function setMyText(){
var obj = document.getElementById("input");
if (obj.validity.patternMismatch === true) {
obj.setCustomValidity("密碼是必填的");
} else {
obj.setCustomValidity('');
}
}
</script>
</body>
</html>