валидация в форме не работает

Question

Я не знаю, что я делаю неправильно, у меня есть форма и эта функция используется, чтобы проверить, является ли вход пустым ... что Iam пытается сделать, это выделить поле, добавив класс в текстовое поле ... но если я добавлю эту строку

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>