同じHTMLフォームに2つのJavaScriptリファレンスを使用するにはどうすればよいですか？

Question

JavaScriptでHTMLフォームの検証に問題があります。彼ら自身ではそれぞれ働くが、一緒には働かない。フォームで

// Make sure the e-mail address is valid 
function validateEmail(mailform,email) { 
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 
    var address = document.forms[mailform].elements[email].value; 
    if(reg.test(address) == false) { 
     alert('E-mail not valid'); 
     return false; 
    } 
} 

属性：：

これは動作します

onsubmit="javascript:return validateEmail('mailform', 'email');" 

をそして、これは動作します：フォームでが

// Make sure the message is long enough 
function validateBody(mailform,mailbody) { 
    var msg = document.forms[mailform].elements[mailbody].value.length; 
    if (msg < 3) { 
     alert('Too hort'); 
     return false; 
    } 
} 

属性：

onsubmit="javascript:return validateBody('mailform', 'mailbody');" 

しかし、これは動作しません：フォームで

// Make sure the e-mail address is valid AND that the message is long enough 
function validateForm(mailform,email,mailbody) { 
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 
    var address = document.forms[mailform].elements[email].value; 
    var msg = document.forms[mailform].elements[mailbody].value.length; 
    if(reg.test(address) == false) { 
     alert('Please enter a valid e-mail address'); 
     return false; 
    } else if (msg < 3) { 
     alert('Text too hort'); 
     return false; 
    } 
} 

属性：

onsubmit="javascript:return validateForm('mailform', 'email', 'mailbody');" 

はなぜ？

私が言ったように、彼らはそれぞれ独自の機能を持っていますが、機能が異なる場合でも一緒に機能しません。

Answer 1

2つの機能がある場合は、その機能を使用しないでください。両方のテストがtrueある場合

function validateForm(mailform,email,mailbody) { 
var addressValid = validateEmail(mailform,email); 
var bodyValid = validateBody(mailform,mailbody); 
return addressValid && bodyValid 
} 

returnはtrueを返します。この方法の利点は、容易に拡張され、容易に維持されることである（同様にうまくいく可能性もある）。

2つのエラーがある場合に1つのアラートだけが必要な場合は、addressValidをテストし、必要に応じてbodyValidを呼び出す必要があります。

Answer 2

else if (msg < 3)の代わりにif (msg < 3)を使用してください。

Answer 3

onsubmit属性にjavascript:を使用する必要はありません。その部分を削除してください。

また、jQueryなどのJavaScriptライブラリを使用すると大きなメリットがあります。