そのため、フォームを検証しようとしていますが、検証が失敗したときにテキストボックスの変更を取得できません。代わりに、フォームが完成します。私が望むのは、検証が失敗した場合、テキストボックスの境界線が赤色になり、テキストボックスのすぐ下に「このフィールドに入力してください!」というテキストが赤色で表示されることです。
これはテスト目的で書いたもので、機能していません。関連するボックスの直後に赤=色付きのテキストを追加する方法がわかりません。
<form id="reg" method="POST" action="user.php" onsubmit="return validate()">
<label for="first">First Name: </label>
<input id="first" name="first" type="text" value="">
<button type="submit">Register</button>
</form>
function validate(){
var formIsValid = true;
if(first.value === ""){
//Not sure how to add Red-Colored Text below the box which says "Fill our this field!"
first.borderColor = "red"; //NOT WORKING
formIsValid = false;
}
return formIsValid;
}