jquery adding element, need to call javascript function

Question

I have the following jquery that adds a textbox when the function is called. Before I submit this textbox with the submit button I want to call a javascript function inside of the submit onclick to make sure that the textbox is not blank before submitting. How can I do this I am not sure how to work with the element since it is added dynamically.

  $("<center><div><input type = \'submit\' onclick=\'\'  name = \'upload\' maxlength = 30/></div></center>").insertAfter("#"+innerid);

  $("<center><div><input type = \'text\' id = \'newteam\' name = \'newteam\' maxlength = 30/></div></center>").insertAfter("#"+innerid);

Any ideas how I can do this?

thecodeparadox · Accepted Answer · 2012-04-16 04:57:06Z

2

$('body').on('click', ':submit[name="upload"]', function(e) {
  if(!$.trim($(':input[name="newteam"]').val()).length) {
    alert('empty');
    e.preventDefault();
  }
});

answered Apr 16, 2012 at 4:57

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

Comments

Silviu-Marian · Accepted Answer · 2012-04-16 04:49:33Z

0

The form wrapping the textbox has an onsubmit property which takes a function. If this function returns false then the submit process is cancelled.

Take a look at http://www.w3schools.com/jsref/event_form_onsubmit.asp and http://api.jquery.com/submit/

answered Apr 16, 2012 at 4:49

Silviu-Marian

10.9k7 gold badges56 silver badges76 bronze badges

1 Comment

user541597 Over a year ago

I tried what you recommended and I got the alert for what I wanted and I put return false inside the function but it is still submitting.

Collectives™ on Stack Overflow

jquery adding element, need to call javascript function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related