Validate multiple form with one javascript

Question

I have a page that has 6 forms that all have a value with the same name 'audit_id_upload'. Currently I have one of them being validated (I'm just looking for empty values) with...

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

Can I adapt this to validate the other forms as well without having to repeat it 5 more times?

Thanks

Felipe Oriani · Accepted Answer · 2013-01-18 19:20:35Z

3

Since you have a input element with audit_id_upload in every form, you could pass the name of your form to this function and use it to validate the item.

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;
}

and call it on the for onSubmit event.

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

</form>

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

</form>

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

</form>

answered Jan 18, 2013 at 19:20

Felipe Oriani

38.7k20 gold badges141 silver badges203 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Charles Over a year ago

Gah! Beat me to it. I was about to offer the same solution. A good solution nonetheless :)

tatty27 Over a year ago

Brill, I was using the onsubmit but I was thinking that I somehow had to have a reference for every form name in the script, didn't think to pass the value like that, thanks!

Felipe Oriani Over a year ago

Nice guys. I hope it help you, and remember to check the anwser as a anwser to help other users with the same problem and improve the SO website. :)

Darwin Gautalius Over a year ago

nice solution, but maybe you can just pass "this" to the function, so the function doesn't need to redo the search to the form. :)

Darwin Gautalius · Accepted Answer · 2013-01-18 19:47:29Z

0

Try this:

<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>

answered Jan 18, 2013 at 19:47

Darwin Gautalius

3174 silver badges13 bronze badges

Collectives™ on Stack Overflow

Validate multiple form with one javascript

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related