Breaking News: Grepper is joining You.com. Read the official announcement!

add more field validation jquery

Red Team answered on December 15, 2023 Popularity 1/10 Helpfulness 1/10

answer add more field validation jquery

add more field validation jquery

Comment

<script type="text/javascript">
   $(document).ready(function() {
        var numberIncr = 1; // used to increment the name for the inputs

        function addInput() {
            $('#inputs').append($('<input class="comment" name="name'+numberIncr+'" />'));
            numberIncr++;
        }

        $('form.commentForm').on('submit', function(event) {

            // adding rules for inputs with class 'comment'
            $('input.comment').each(function() {
                $(this).rules("add", 
                    {
                        required: true
                    })
            });            

            // prevent default submit action         
            event.preventDefault();

            // test if form is valid 
            if($('form.commentForm').validate().form()) {
                console.log("validates");
            } else {
                console.log("does not validate");
            }
        })

        // set handler for addInput button click
        $("#addInput").on('click', addInput);

        // initialize the validator
        $('form.commentForm').validate();

   });


</script>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: add field javascript jquery validation

Link to this answer
Share Copy Link

Contributed on Dec 15 2023

Red Team

0 Answers Avg Quality 2/10

add more field validation jquery

Contents

More Related Answers

add more field validation jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.