javascript - 为什么使用 javascript 提交表单时没有出现 DOM 错误

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 8 年前。

Improve this question

如果用户未在表单字段中输入详细信息，我想使用 DOM 在页面内生成错误消息。

它正在被发送到外部 php 文件。

当我使用 Javascript 时，我会看到弹出屏幕，但当我尝试使用 DOM 时，会出现错误，当文本字段为空时，它会直接转到 PHP 文件。

这是我的 js :

function validate(){

    function namefield()
    {
        if (document.form.name.value == "")
        {
            document.getElementById("namef").innerHTML = "Please input name";
            return false;
        }
    return true;
    }
}

html 很简单:

<p id="namef"> some text</p>
<p>Name: <input type = "text" name = "name"> </p>

Answer 1

我强烈建议您为您的表单使用 jQuery 或适当的 JavaScript 验证器库。下面是一个简单的示例，说明如何使用 jQuery 验证输入字段。

HTML 部分:

<input type="text" id="username">
<input type="button" id="sendForm" value="send">
<p id="usernameError"></p>

jQuery 部分:

$(function () {
   $('#sendForm').on("click", function () {
    validateUserForm();
 });
});

function validateUserForm()
{
  var username = $('#username').val();

  if (username == '') {
     $('#usernameError').html('Please insert your username!');
 }
  else {
      $('#usernameError').html('');
   }
 }

这是一个功能性的 jsFiddle:https://jsfiddle.net/1bk3ufhd/