Question

我在使用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>

使用Javascript

0 个答案: