我在使用Javascript验证输入字段时遇到了一些问题。
我试图这样做,当你在输入字段中输入例如你的名字时,它应该显示为绿色边框(已经有效),当没有填写任何内容时,它应该返回为红色边框并且不允许发送表格。 (它实际上不需要发送它,没有PHP)。
它还应该使用您输入的名称重写占位符(在本例中)。
在按下按钮之前应该验证所有字段。 (所以它们都应该变成红色或绿色,目前仅针对第一个输入字段)
另外,你能否帮我验证合法地址上的电子邮件字段(以便验证@和a。)。
function nietLeeg() {
var tekstveld = document.getElementById('checkField');
if (tekstveld.value != "") {
document.getElementById("checkField").style.borderColor = "green";
document.getElementById("checkField").value = "";
} else {
document.getElementById("checkField").style.borderColor = "red";
}
}
<form method="POST" action="#">
<input type="text" id="checkField" value="your name">
<input type="email" id="checkField" value="your email">
<textarea rows="4" cols="50" placeholder="Write your message here"></textarea>
<input type="button" class="submitbtn" value="Send" onclick="nietLeeg();">
</form>