Improve company productivity with a Business Account.Sign Up

x
?
Solved

how do I reference jquery validate on dynamic fields

Posted on 2014-04-20
1
Medium Priority
?
747 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 1000 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

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
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…

584 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