验证形式不起作用

时间:2016-05-31 20:16:21

标签: javascript jquery html

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

  

name.addClass( “空”);

到函数,函数不起作用

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

1 个答案:

答案 0 :(得分:3)

将您的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>