Question

我有一个包含6个表单的页面，这些表单都具有同名“audit_id_upload”的值。目前我正在使用其中一个进行验证（我只是在寻找空值）...

function validateForm()
{
var x=document.forms["audit_upload"]["audit_id_upload"].value;
if (x==null || x=="")
  {
  alert("Please Select an Audit");
  return false;
  }
}
</script>

我是否可以对此进行调整以验证其他形式，而不必再重复5次？

谢谢

Answer 1

由于每个表单中都有一个带audit_id_upload的输入元素，因此您可以将表单名称传递给此函数并使用它来验证该项目。

function validateForm(fName)
{
   var x=document.forms[fName]["audit_id_upload"].value;
   if (x==null || x=="")
   {
      alert("Please Select an Audit");
      return false;
   }
   return true;
}

并在on onSubmit事件上调用它。

<form name='f1' onsubmit="return validateForm('f1')">

</form>

<form name='f2' onsubmit="return validateForm('f2')">

</form>

<form name='f3' onsubmit="return validateForm('f3')">

</form>

Answer 2

试试这个：

<html>
    <script type="text/javascript">
    function test(theform)
    {
        if (theform.thefield.value == "foo") return true;
        else return false;
    }
    </script>
    <body>
        <form action="" onsubmit="return test(this);">
        <input type="text" value="" name="thefield" />
        <input type="submit" />
        </form>
        <form action="" onsubmit="return test(this);">
        <input type="text" value="" name="thefield" />
        <input type="submit" />
        </form>
        <form action="" onsubmit="return test(this);">
        <input type="text" value="" name="thefield" />
        <input type="submit" />
        </form>
    </body>
</html>

使用一个javascript验证多个表单

2 个答案: