多表单的javaScript表单验证

javaScript form validation with multiple forms

本文关键字：表单 验证 javaScript      更新时间：2023-09-26

我在网站的不同页面上有两个表单，但是我想重用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)，但我想把它也用于我的"contact"表单。

我可以像document.forms[][].value那样动态地构建变量吗?

你可以改变你的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是做什么的。您也可以选择将错误消息的错误友好名称传递到函数中。

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

相关文章：