具有多个表单的javaScript表单验证

Question

我在网站的不同页面上有两种形式，但是我想重新使用javaScript验证。 因此，例如：

   function notnull() {
   var firstName = document.forms["newsletter"]["firstName"].value;
   if (firstName === null || firstName === "") {
       inlineMsg('firstName', 'You must enter your name.', 3000000);      
       return false;
   } else {
       return true;
   }
}

该代码仅对我的新闻稿表单有用（例如document.forms [“ newsletter”] [“ firstName”]。value），但我也想将其用于“联系”表单。

我可以像document.forms [] []。value这样动态地建立变量吗？

Answer 1

您可以更改notnull函数以接受2个参数

function notnull(formType,fieldName){
   var fieldName = document.forms[formType][fieldName].value;
   if(fieldName === null || fieldName === "") {
      inlineMsg(fieldName, 'You must enter your '+fieldName,3000000);
      return false;
   } else
      return true;
}

沿着这条线。 我不确定您的inlineMsg会做什么。 您也可以将错误消息的错误友好名称传递给函数。

我确信有更好的方法来处理上述问题，但是仅看您的代码，这就是我的建议。