How to add jquery validation for dynamically appended input text box

Question

I need validate the dynamically appended input text box for the below code

$("#btnadd").click(function() {
             // Made it a local variable by using "var"
            var addkey = document.getElementById("txtaddkey").value;
            if(addkey!=""){
                $('<li><span>'+addkey+'</span><span class=\"amountin\"><a href=\"#\">$0.05</a> $ <input type=\"text\" maxlength=\"5\"/></span><span class=\'close ui-icon \'></span></li>')
                    .find('.close').click(function (){
                        $(this).parent().remove();  
                    })
                    .end().appendTo('#keyword');
                $('#txtaddkey').val('');
            }
        });

Community · Accepted Answer · 2017-05-23 10:27:00Z

2

I think this might help JQuery validate dynamically add rules

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Dec 6, 2010 at 17:46

Aaron Hathaway

4,3832 gold badges21 silver badges17 bronze badges

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

3 Comments

Elankeeran Over a year ago

Thank you Aaron... As you suggested I have checking class name for dynamic input box validation.

jcolebrand Over a year ago

@Elankeeran ~ Since it's not obvious to me how his answer helped you, perhaps either you or @AaronHathaway can spell out the obvious "look at this part" for the next person to come along who would be equally helped by this answer.

Elankeeran Over a year ago

your link gives the idea to use class for validation rule. But drachenstern your answer for common validation for jquery events.

jcolebrand · Accepted Answer · 2010-12-06 17:49:11Z

1

How to add jQuery anything handling to a dynamically appended element

http://api.jquery.com/live/ - Live was designed for just this thing

Given an appended textbox of <input type='text' id='mytextbox'></input> then this would be helpful: ( NOTE: I recommend you add an ID to the textbox if it will only show up once, or else a useful classname if it will be added repeatedly ~ Update the selector below to reflect the ID or class)

$('#mytextbox').live('keyup', function(event){ 
  if ( $(this).val() == "fail value" ) {
    $(this).val() = "good value";
  }
});

It really depends on how you want to validate it. The initial question doesn't really show how you would validate it now, (unless I'm missing something)

answered Dec 6, 2010 at 17:49

jcolebrand

16k12 gold badges78 silver badges123 bronze badges

3 Comments

Elankeeran Over a year ago

I am looking for general form validation for validate the dynamic input text box on form submit but in your solution it will work only on key up cases.

jcolebrand Over a year ago

@Elankeeran ~ I think you absolutely do not understand my example. I was offering an example! not a final solution. You could alter that to be 'keyup keydown keypress' and get all three events, but how would you know which event you were handling? You must read the jQuery api reference for this answer.

jcolebrand Over a year ago

@Elankeeran ~ Also note that had you given me what you wanted to have for a validation (which you did not) I could have incorporated that into my answer. I suggest stackoverflow.com/questions/how-to-ask

Collectives™ on Stack Overflow

How to add jquery validation for dynamically appended input text box

2 Answers 2

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related