javascriptで複数の入力フィールドを検証するにはどうすればよいですか？

Question

ボタンのクリックで名前、電子メール、郵便番号を検証したいのですが、フィールドに固有のものではなく、最後のエラーメッセージしか表示されません。私はJavaScriptでこのコードを書いています& jquery。どんな助けもありがたい。

if (!ck_name.test(name)) { 
    errors[errors.length] = "You valid First Name ."; 
    document.getElementById("errorname").innerHTML = "You must enter a username"; 
    return false; 
} 

if (!ck_name.test(lname)) { 
    errors[errors.length] = "You valid last name ."; 
    document.getElementById("errorlastname").innerHTML = "You must enter a username"; 
    return false; 
} 

Answer 1

関数内で値を返すと、return文の次のコードは実行されません。このため、各検証エラーの後でfalseを返すのではなく、必要な検証をすべて実行した後にのみtrue/falseを返す必要があります。

if (!ck_name.test(name)) { 
    errors.push("You valid First Name."); 
    document.getElementById("errorname").innerHTML = "You must enter a username"; 
} 

if (!ck_name.test(lname)) { 
    errors.push("You valid last name."); 
    document.getElementById("errorlastname").innerHTML = "You must enter a username"; 
} 

return (errors.length == 0);