因此,我正在尝试验证表单,并且在验证失败时无法更改文本框。相反,表格会完成。我想要的是,如果验证失败,文本框边框变为红色,并且文本框下方的红色文本显示“填写我们的这个字段!”
这是我为测试目的而编写的内容,但它不起作用,我不确定如何在相关框之后添加 red=colored 文本:
<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;
}