ansaurus

Question

Jquery form validation - dynamic form name

Answer 1

+1 A:

Just attach a class name to the forms that have to be validated.

Kieran Hayes 2009-08-12 14:54:13

I tried but its not ok.

2009-08-12 20:38:30

Answer 2

A:

This should find all forms that have 'set_search' in their id:

$('form[id*="set_search"]').validate();

This one should find all forms that start with set_search' as their id:

$('form[id^="set_search"]').validate();

Either one should fix your issue.

Steerpike 2009-08-12 14:59:59

This code is should work, but something not ok:I posted an answer with the current code..pls take a look, maybee u see what is wrong..

2009-08-12 20:40:44

Answer 3

+1 A:

though Kieran Hayes's response.

<form class="myxform"... , $(".myxform").validate({...

but, the generated html (DOM) would be wrong. should be changed by:

for ($i=0;$i<5;$i++) {

       echo "<div class='showhide$i'><form name='set_search_".$i."' id='set_search_".$i."' action='settings.php' method='get'><p><label for='q1'>name</label><input type='text' id='q' name='q'/></p><p><label for='q2'>number</label><input type='text' id='q2' name='q2' /></p><p><input type='submit' value='Search'/></p></form></div></p>";

}

in javascript

 $("input[id^='set_search']").validate({...

or

 $("input[id^='set_search']").each(function(){
      $(this).validate({...});
 });

---EDIT

Javascrit:

$(document).ready(function() {
 $("form[id^='set_search']").each(function(){
  alert($(this).attr("id"));
  $(this).validate({
   rules: {
     q: {required: true, minlength: 2},
     q2: {number: true}
   },
   messages: {
     q: "Please enter your name",
     q2: "Only numbers allowed"
   }
  });
  });
});

HTML:

<div class="showhide_1">
 <form name="set_search_1" id="set_search_1" action="settings.php" method="get">
  <p><label for="q1">name</label><input type="text" id="q" name="q"/></p>
  <p><label for="q2">number</label><input type="text" id="q2" name="q2" /></p>
  <p><input type="submit" value="Search"/></p>
 </form>
</div>
<div class="showhide_2">
 <form name="set_search_2" id="set_search_2" action="settings.php" method="get">
  <p><label for="q1">name</label><input type="text" id="q" name="q"/></p>
  <p><label for="q2">number</label><input type="text" id="q2" name="q2" /></p>
  <p><input type="submit" value="Search"/></p>
 </form>
</div>

andres descalzo 2009-08-12 15:11:29

i tried all the way you suggested, but nothing..

2009-08-12 20:43:04

I change $("input[id^='set_search']") x $("form[id^='set_search']")

andres descalzo 2009-08-13 11:48:19

u r a genius!; thank you very much!

2009-08-13 16:52:40

Answer 4

A:

This should work now, but something wrong..:

$(document).ready(function() {



  $('form[id*="set_search"]').validate({

      rules: {
       q: {
        required: true,
        minlength: 2
       },
       q2: {
        email: true
       },

      },
      messages: {
       q1: "Please enter your name",
       q2: "Please enter a valid email address",

      }
     });


    });
</script>
<style type="text/css">
.error {
    color: red;
    font: 12pt verdana;
    padding-left: 10px
}
.input {
    margin-top:10px;
    margin-left:20px;
}
</style>

</head>
<?php include("config/kapcsolat.inc");?>
<body>
<?php
     for($i=0;$i<3;$i++) {

      echo "<p><div class='showhide$i'><form name='set_search".$i."' id='set_search".$i." ' action='settings.php' method='get'><p><label for='q1'>name</label><input type='text' id='q' name='q'/></p><p><label for='q2'>uniqid</label>
<input type='text' id='q2' name='q2' /></p><p><input type='hidden' id='q3' name='q3' value='1' /></p><p><input type='submit' value='Search'/></p></form></div></p>";
}


?>
</body>
</html>

2009-08-12 20:42:13

ansaurus

tags:

views:

answers:

Jquery form validation - dynamic form name

related questions