элемент добавления jquery, нужно вызвать функцию javascript

Question

У меня есть следующий jquery, который добавляет текстовое поле при вызове функции. Прежде чем я отправлю это текстовое поле с помощью кнопки отправки, я хочу вызвать функцию javascript внутри submit onclick, чтобы убедиться, что текстовое поле не является пустым перед отправкой. Как я могу это сделать, я не уверен, как работать с элементом, поскольку он добавляется динамически.

$("<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); 

Любые идеи, как я могу это сделать?

Answer 1

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

Answer 2

Форма, обертывающая текстовое поле, имеет свойство onsubmit, которое выполняет функцию. Если эта функция возвращает false, процесс отправки отменяется.

Взгляните на http://www.w3schools.com/jsref/event_form_onsubmit.asp и http://api.jquery.com/submit/