Validate dynamic field jquery

by

Two issues…

1) If your field name contains brackets, dots or other special characters, then you must enclose the name in quotes.

"produto[]":  {
    required: true
}

2) However, unless the input contains this exact name, name="produto[]", then it will not work as you cannot declare an array within the rules option of .validate(). The rules option only accepts a list of individual field names.

Two possible solutions…

1) You could use the .rules() method as follows. Using a jQuery “starts with” selector to select the entire array and a jQuery .each() to apply the .rules('add') method to every field in this group.

$('[name^="produto"]').each(function() {  // select elements using "starts with" selector
    $(this).rules('add', {
        required: true,
        // other rules
    });
});

2) However, if the only rule is required, then you would not need to declare it using any JavaScript at all. You could just use the required HTML5 attribute instead, and the jQuery Validate plugin will still pick it up.

<input type="text" name="produto[0]" required="required" />
<input type="text" name="produto[1]" required="required" />
<input type="text" name="produto[2]" required="required" />
<input type="text" name="produto[3]" required="required" />
<input type="text" name="produto[4]" required="required" />

More Related Contents:

  1. Validate that end date is greater than start date with jQuery
  2. jQuery Validation plugin: disable validation for specified submit buttons
  3. jQuery Validate array input element which is created dynamically
  4. Using JQuery Validate Plugin to validate multiple form fields with identical names
  5. validating multiple textbox having same name with jquery validator validates only first input
  6. jQuery form validation on button click
  7. jQuery Form Validation before Ajax submit
  8. How can we specify rules for jQuery validation plugin by class?
  9. override jquery validate plugin email address validation
  10. jQuery Validation not working in IE7 + IE8
  11. Validate Format of an Email Address using Jquery.validate.js [closed]
  12. Validate fields using JQuery validation without any submit?
  13. jQuery Validation plugin won’t validate when in click event handler of
  14. How can I enable jquery validation on readonly fields?
  15. Limit number of characters in input field
  16. Placing error message for a checkbox array
  17. How to add a ‘submitHandler’ function when using jQuery Unobtrusive Validation?
  18. jQuery select box validation
  19. attaching jquery validation to replacement element
  20. jQuery Validation with multi-part form
  21. $(“#form1”).validate is not a function
  22. jQuery Validation plugin: validate check box
  23. jquery client side validation not working in MVC3 partial view
  24. Jquery validation not working with ckeditor
  25. jQuery validator plugin + ajax submitting not working
  26. jQuery Validate plugin, one out of two fields is required
  27. MVC 4 client side validation not working
  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