验证并提交表单而无需在无限循环中输入？
我有一个无限循环使用这个jQuery代码，我知道为什么，但我不知道如何解决这个问题：
<form id="submitme">
<input value="" name="n1" id="n1" type="text"/>
<input value="Send" type="button"/>
</form>
<script>
$('#submitme').bind( 'submit', function() {
$.post( 'validate.php', 'value=' + $('#n1').val(), function (data) {
if (data == "true")
$('#submitme').submit();
});
});
</script>
jQuery.validate插件会照顾到这一点，我强烈建议你使用它：
$('#submitme').validate({
rules: {
n1: {
remote: {
url: 'validate.php',
type: 'post'
}
}
}
});
但是如果你不想使用它，另一种可能是使用一个全局变量，如下所示：
$('#submitme').submit(function() {
if (!$.formSubmitting) {
var $form = $(this);
$.post('validate.php', { value: $('#n1').val() }, function (data) {
if (data == 'true') {
// set the global variable to true so that we don't enter
// the infinite loop and directly submit the form
$.formSubmitting = true;
$form.submit();
}
});
return false;
}
return true;
});
只需要说一句：您放置在表单中的按钮不是提交按钮，因此点击它不会触发submit处理程序。 你应该让它成为一个提交按钮：
<input value="Send" type="submit" />
我不是jQuery专家，但是在Prototype中，当您为某个操作编写事件处理程序并且不会停止默认操作时，它将在所有回调函数完成后执行。 所以通过简单地翻转if-else语句，你应该能够避免无限循环：
$('#submitme').bind( 'submit', function(event) {
$.post( 'validate.php', 'value=' + $('#n1').val(), function (data) {
if (data != "true")
// if validation has failed, prevent default action (submit)
event.preventDefault();
});
// if default action was not prevented it will be executed
})
我发现这个解决方案：
<form id="submitme">
<input value="" name="n1" id="n1" type="text"/>
<input value="Send" type="button"/>
</form>
<script>
$('#submitme').bind( 'submit', function() {
if ($.data( $('#submitme' ), 'validated'))
return true;
$.post( 'validate.php', 'value=' + $('#n1').val(), function (data) {
if (data == "true") {
$.data( $('#submitme'), 'validated', true );
$('#submitme').submit();
}
});
return false;
});
</script>
上一篇: Validate and submit a form without enter in an infinite cycle?