Question

我对编码非常陌生，只是想学习如何进行简单的验证，检查是否填写了文本框，但它似乎对我不起作用......这是我的代码：

HTML：

Username:<br/>
    <input type="text" placeholder="Username" id="uname">
    <input type="submit" id="check" value="OK" onclick="check()">

使用Javascript：

//IF TEXT BOX EMPTY, DISPLAY ALERT MESSAGE.
function check(){
    var uname=document.getElementById(uname).value;
    if (uname==""){
        alert("Username is obligatory")
    }
}

Answer 1

您的标记和脚本存在一些问题：

您在uname .getElementById("uname").value周围缺少引号，如果存在验证问题，您的功能将不会停止提交表单。

以下是针对当前问题的修复程序，以及一个简单的解决方案，可以在存在验证问题时阻止表单提交。

<script>
  function validateForm() {
      var uname=document.getElementById("uname").value;
      if (uname==""){
          alert("Username is obligatory");
          return false;
      }
  }
</script>
<form onSubmit="return validateForm()">
  <input type="text" placeholder="Username" id="uname">
  <input type="submit" id="check" value="OK">
</form>

Working Plnkr

如果文本框为空，则显示警告框

1 个答案: