Solved

how do I reference jquery validate on dynamic fields

Posted on 2014-04-20
1
690 Views
Last Modified: 2014-04-21
Hi,

I'm using jquery validate on email inputs that a user can add/subtract fields. I'm not sure how I can get the jquery validate function to validate the email addresses with dynamically generated fields ... Example below of 2 fields but it can be "p_new_x" depending on x amount of field additions.

<input type="email" name="p_new_1" id="p_new_1" class="form-control" placeholder="Enter Email Address" required/>

<input type="email" name="p_new_2" id="p_new_2" class="form-control" placeholder="Enter Email Address" required/>

Open in new window


$("#sharingForm").validate({

        submitHandler: function(form) {

            var data = $("#sharingForm").serialize();

            $.ajax({
                type: "POST",
                url: "app/func/func_sharing.cfc?method=sendInvite",
                data: data,
                cache: false,
                success: function() {
                    refreshSharingContent();
                },
                error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
                }
            });
        }

    });

Open in new window

0
Comment
Question by:brihol44
1 Comment
 
LVL 27

Accepted Solution

by:
skullnobrains earned 250 total points
ID: 40011703
something like this (probably a few typos)

$('.form-control').each(function(){
  if(0 == $(this).attr('name').indexOf('p_new'))validateEmail($(this));
});

or use an ereg
if($(this).attr('name').match('^p_new'))

it would be simpler to add a specific class (validateEmail for example) to all form form controls that need email validation
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question