javascript - 表单验证不起作用

Question

我不知道我做错了什么，我有一个表单并使用此函数来检查输入是否为空...我试图做的是通过向文本字段添加一个类来突出显示该字段。 ..但是如果我添加这一行

name.addClass("empty");

对于该函数，该函数不起作用

function register()
{
    if(document.myForma.userid.value == '')
    {
        name = $("#userid");
        document.myForma.userid.focus(); 
        $("#empty").html("This field is required")
        name.addClass("empty");
        return false;
    }   
}

Answer 1

将您的 name 变量声明为本地变量，或为其使用不同的名称， - 全局 window.name 已存在且不可更改。

console.log(name);

function register() {
  if (document.myForma.userid.value == '') {
    var name = $("#userid");
    document.myForma.userid.focus();
    $("#empty").html("This field is required");
    name.addClass("empty");
    return false;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="myForma" name="myForma" onsubmit="return register();">
  <input id="userid" type="text" />
  <div id="empty"></div>
  <input type="submit" />
</form>