Перед отправкой формы программно

Question

В jQuery-Mobile Я представляю форму программно, и я хочу захватить событие отправки, чтобы выполнить некоторые проверки раньше. Я уже пробовал следующее решение, предложенное в других вопросах о JQuery:

$(document).ready(function(){ 
    $('#my_form').bind('submit', function() { 
    alert('before submit'); 

    ... 

    }); 
}); 

Но я не могу получить функцию выполняется и отображается предупреждение. Кто-нибудь знает какой-либо другой способ достичь этого?

Моя форма что-то вроде:

<form id="my_form" method="POST" action="..." data-theme="b"> 

И, как я звоню его программно, из другой части той же страницы, как это:

<input type="submit" onclick="document.forms['my_form'].submit(); return false;" value="Submit" data-theme="b"/> 

Спасибо заранее за ваш Помогите.

Answer 1

Обработчик отправки формы НЕ выполняется, когда вы представляете форму программно.

ПРИМЕЧАНИЕ. НЕ используйте кнопку отправки, чтобы запрограммировать отправку формы. Вместо этого используйте кнопку или разрешите отправку с кнопки отправки, т. Е.

<input type="button" onclick="document.forms['my_form'].submit()" value="Submit another form" data-theme="b"/>

(выше не исправить в любом случае, так как она нуждается в форму, чтобы иметь имя, а не просто ID)

Так

<input type="button" onclick="document.forms['my_form_NAME'].submit()" value="Submit another form" data-theme="b"/>

ИЛИ

<input type="button" onclick="document.getElementById('my_form_ID').submit()" value="Submit another form" data-theme="b"/>

ИЛИ поскольку у вас есть JQuery:

<input type="button" onclick="$('#my_form_ID'].submit()" value="Submit another form" data-theme="b"/>

ИЛИ если вы можете поместить кнопку в форме (лучший способ):

<input type="submit" value="Submit THIS form" data-theme="b"/>

Но так как вы хотите связать - здесь как подать другую кнопку, а не лучший способ, используя собственную кнопку отправки формы:

<form id="actualForm">... 
. 
. 

</form> 


<input type="button" id="subbut" value="Submit another form on this page" data-theme="b"/> 

$(document).ready(function(){ 
    $('#subbut').bind('click', function() { 
    alert('before submit'); 

    ... 

    $("#actualForm").submit(); 
    }); 
}); 

Если есть жёстко рядный поведение вы не можете изменить, использовать JQuery, чтобы удалить его слишком

How can I remove an inline onclick attribute with a bookmarklet?

$(document).ready(function(){ 
    $('#subbut').attr('onclick',""); // or $('#subbut').onclick=null; 
    $('#subbut').bind('click', function() { 
    alert('before submit'); 

    ... 

    $("#actualForm").submit(); 
    }); 
}); 

Answer 2

См эти ссылки

JQUERY Validate plugin

Validation techniques

Answer 3

Поскольку вы используете JQuery, вы можете найти метод и примеры здесь:

Submit validation

Answer 4

Изменение возвращаемого значения OnClick к TRUE выполняет задание:

<input type="submit" onclick="document.forms['my_form'].submit(); return ***true***;" vakue="Submit" data-theme="b"/>