validating multiple textbox having same name with jquery validator validates only first input

by

“I am trying to validate the two inputs having same name with jquery
validator …”

<input type="text" name="inp_text"/>
<input type="text" name="inp_text"/>

“but when I run this code it only validates first inputs and second
inputs gets simply ignored”

You cannot have two input fields of type="text" with the same name or this plugin will not work properly. The name attribute must be unique. (One exception to the name being unique, is that “groupings” of checkbox or radio inputs will share the same name as the corresponding submission is a single point of data. However, the name must still be unique to each grouping of checkbox and radio elements.)

“what should I change…?“

Make each name attribute unique.

<input type="text" name="inp_text[1]"/>
<input type="text" name="inp_text[2]"/>

Then use the “starts with” selector, ^=…

$("[name^=inp_text]").each(function () {
    $(this).rules("add", {
        required: true,
        checkValue: true
    });
});

Working DEMO: http://jsfiddle.net/PgLh3/

NOTES: You can also target elements by id when using the rules('add') method, however for this case, nothing is solved because the plugin still requires a unique name on each input element.

More Related Contents:

  1. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  2. jQuery validation: change default error message
  3. jQuery Validation plugin: disable validation for specified submit buttons
  4. val() vs. text() for textarea
  5. jQuery: serialize() form and other parameters
  6. jQuery Validate – require at least one field in a group to be filled
  7. JavaScript: how to change form action attribute value based on selection?
  8. jQuery Validate Required Select
  9. Prevent redirect after form is submitted
  10. How to validate array of inputs using validate plugin jquery
  11. How to change an element’s title attribute using jQuery
  12. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  13. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  14. jQuery Validate plugin – password check – minimum requirements – Regex
  15. How can I use jQuery validation with the “chosen” plugin?
  16. jQuery Validate Ignore elements with style
  17. Jquery Validation for Dynamically Created Fields
  18. onkeyup and onfocusout is not working in jQuery Validate
  19. How to reset radiobuttons in jQuery so that none is checked
  20. select2 and jquery validation not working properly
  21. Disable scrolling when changing focus form elements ipad web app
  22. HTML5 textarea placeholder not appearing
  23. Manually set unobtrusive validation error on a textbox
  24. jquery client side validation not working in MVC3 partial view
  25. submit form does not stop in jquery ajax call
  26. MVC 4 client side validation not working
  27. jQuery detect click on disabled submit button
  28. jQuery validator and datepicker click not validating
  29. jquery validation not waiting for remote validation to return true, considers form valid
  30. How to include JavaScript files by h:outputScript? [duplicate]

Leave a Comment