javascript - 具有多个表单的 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 是做什么的。您也可以将错误消息的错误友好名称传递给函数。

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