<form class="user" action="code_user.php" method="POST"> <div class="form-group"> <label>Enter Full Name</label> <input class="form-control" pattern="^[a-zA-Z]+(( )+[a-zA-z]+)*$" oninvalid="setCustomValidity('Please enter in alphabets only. ')" type="text" name="name" autocomplete="off" required /> </div> <button type="submit" id="submit"name="signup_btn"class="btn btn-primary btn-user btn-block"> Sign Up </button></form> 在 HTML 輸入驗證中，我僅設置了字母模式。當用數字輸入進行測試時，它顯示但是，如果我更正輸入的字母，它會再次顯示無效我必須再次刷新頁面才能輸入正確的格式，但它不會顯示 無效的。這是正常的嗎？ 這是我的代碼：<div class="form-group"> <label>Enter Full Name</label> <input class="form-control" pattern="^[a-zA-Z]+(( )+[a-zA-z]+)*$" oninvalid="setCustomValidity('Please enter in alphabets only. ')" type="text" name="name" autocomplete="off" required /></div>
1 回答
慕碼人2483693
TA貢獻1860條經驗 獲得超9個贊
您沒有清除您的setCustomValidity()。如果您使用 setCustomValidity() 設置值，則該字段無效。只需將此類屬性添加到您的輸入標記即可：
oninput="setCustomValidity('')"
已在您的代碼中修復：
<form class="user" action="code_user.php" method="POST">
<div class="form-group">
<label>Enter Full Name</label>
<input class="form-control" pattern="^[a-zA-Z]+(( )+[a-zA-z]+)*$" oninvalid="setCustomValidity('Please enter in alphabets only. ')" oninput="setCustomValidity('')" type="text" name="name" autocomplete="off" required />
</div>
<button type="submit" id="submit"name="signup_btn"class="btn btn-primary btn-user btn-block"> Sign Up </button>
</form>
- 1 回答
- 0 關注
- 154 瀏覽
添加回答
舉報
0/150
提交
取消