驗證形式不工作

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>