How can i validate a special type array input using jquery validate plugin

Question

Here is my my form input: I will have multiple, i want to validate all dynamically!

  <input type="number" name="bill[1][amount]" class="form-control" placeholder="Enter bill amount">

And here is my jquery code:

$("#bulkForm").validate({
            rules:
                 {
                  "bill[][amount]":
                          {
                             number: true,
                             required: true
                          }
                 },

                 submitHandler: function(form) {

                    var params = $("#bulkForm").serialize();

 });

Please read minimal reproducible example to complete your question, what you tried, and what you are blocked on, the error or issue you encounter, ... — el-teedee
– el-teedee, Commented Dec 7, 2019 at 15:25

jvk · Accepted Answer · 2019-12-07 15:43:41Z

1

Here is solution, if you've dynamic input and validate each input

$(function(){
	$("#bulkForm").validate();
        $("[name^=bill]").each(function(){
    	$(this).rules("add", {
         	required: true,
       		number: true,
       		messages: {
            	required: "Please enter number"
       			}
     		});   
   		});
   		})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.js"></script>
  <form action="" id="bulkForm" >
		  <input type="text" name="bill[1][amount]" class="form-control" placeholder="Enter bill amount">
		  <br><input type="text" name="bill[2][amount]" class="form-control" placeholder="Enter bill amount">
		  <br>
	<input type="submit" name="submit" value="Submit">
	</form>

answered Dec 7, 2019 at 15:43

jvk

2,1893 gold badges22 silver badges28 bronze badges

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

1 Comment

WK5 Over a year ago

Thank you but i'm wondering where can i submit the form. Please add submitHandler code as well!

Collectives™ on Stack Overflow

How can i validate a special type array input using jquery validate plugin

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related