jQuery Validate with multiples forms

Question

У меня две формы без id, я мог бы иметь больше, когда я пытаюсь проверить с помощью JQuery Validation Plugin. Это успешно, но сообщение помещается всегда внутри первой формы.

<form class="myform" action="http://www.google.com"> 
    <input type="text" name="mytext"/> 
    <button class="mybutton">Send</button> 
</form> 
<form class="myform" action="http://www.google.com"> 
    <input type="text" name="mytext"/> 
    <button class="mybutton">Send</button> 
</form> 

JQuery Validation является

<script> 
     $(function() { 
      $('.myform').validate({ 
       rules: { 
        mytext: 'required' 
       }, 
       messages: { 
        mytext: 'Required field' 
       } 
      }); 
      $('.mybutton').click(function() { 
       var form = $(this).closest('.myform'); 
       console.log("Action form is: " + form.attr('action')); 
       form.valid(); 
      }); 
     }); 
    </script> 

Когда я нажимаю кнопку, я знаю, что проверка прошла успешно, потому что вывод Action form is: http://stackoverflow.com при нажатии на первую кнопку, и Action form is: http://www.google.com при нажатии на вторую кнопку ,

Возможно ли каким-либо образом поместить ошибку в правильном формате?

Example in JSFiddle

Answer 1

Вы можете использовать .each() цикл:

$('.myform').each(function(){ 
    $(this).validate({ 
     rules: { 
      mytext: 'required' 
     }, 
     messages: { 
      mytext: 'Required field' 
     } 
    }); 
}); 

JSFiddle