Подтвердить и отправить форму без ввода в бесконечный цикл? - PullRequest
Новая
       2

Подтвердить и отправить форму без ввода в бесконечный цикл?

7 голосов
/ 24 июля 2011

У меня бесконечный цикл с использованием этого кода 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>

Ответы [ 3 ]

3 голосов
/ 24 июля 2011

Плагин 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" />
0 голосов
/ 24 июля 2011

Я нашел это решение: 

<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>
0 голосов
/ 24 июля 2011

Я не эксперт по 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
})
...