Плагин формы jQuery, как предотвратить отправку формы

Question

Плагин формы jQuery, как предотвратить отправку формы

0

Я использую плагин формы jQuery для загрузки файла и отображения индикатора выполнения.

код JS:

var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');

var options = { 
    target:     '.result', 
    url:        'slider_insert_now.php', 



    beforeSend: function() {


    var img_file = $.trim($(".img_file").val());

    if(img_file==$.trim('')){

    $(".result").html('<span class="error">No file selected</span>');


    return false; 

    }else{

    status.empty();
    var percentVal = '0%';
    bar.width(percentVal)
    percent.html(percentVal);

    return true;
 }


},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
bar.width(percentVal)
percent.html(percentVal);
},
success: function() {
var percentVal = '100%';
bar.width(percentVal)
percent.html(percentVal);
},
complete: function(xhr) {
status.html(xhr.responseText);
}



}; 



$('#form_upload').ajaxForm(options);

И HTML:

<div class="result"></div>


    <form id="form_upload" action="javascript:void(0)" method="POST" enctype="multipart/form-data">

    <div class="progress">
<div class="bar"></div>
<div class="percent">0%</div>
</div>
<div id="status"></div>



    <input type="file" value="" name="img_file" class="img_file" />

    <br></br>

    <input type="submit" value="Upload the Image" />


    </form>

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

Istiaque Ahmed 10 март 2014, в 13:36

Источник

0

Не делайте чек внутри перед отправкой обратного вызова или затем прервите запрос
A. Wolff 10 март 2014, в 12:27
0

@ A.Wolff, что делать потом?
Istiaque Ahmed 10 март 2014, в 12:31
0

никогда не использовал этот плагин, но они рекомендуют выполнить проверку на beforeSubmit malsup.com/jquery/form/#options-object
Wilmer 10 март 2014, в 12:31
0

вместо возврата false: beforeSend: function(jqXHR) { затем jqXHR.abort(); или лучше / проще, настройте свою логику перед установкой запроса и выполняйте запрос только в случае необходимости, в противном случае не вызывайте запрос. Логика кажется не так сложно понять
A. Wolff 10 март 2014, в 12:35
0

@ A.Wolff, «делай запрос, только если он тебе нужен» - я думаю, это невозможно с ajaxForm . beforeSend для ajaxSubmit . Но с ajaxSubmit я не нашел способа показать индикатор выполнения.
Istiaque Ahmed 10 март 2014, в 12:38
0

@ A.Wolff, jqXHR.abort(); метод сработал. Я хотел бы принять ваш ответ в качестве ответа. Можете ли вы указать, где или как вы получили решение в своем ответе?
Istiaque Ahmed 10 март 2014, в 12:43

Показать ещё 4 комментария

Теги:

php

jquery

forms

jquery-forms-plugin

2 ответа

Ещё вопросы

Не делайте чек внутри перед отправкой обратного вызова или затем прервите запрос
никогда не использовал этот плагин, но они рекомендуют выполнить проверку на beforeSubmit malsup.com/jquery/form/#options-object
вместо возврата false: beforeSend: function(jqXHR) { затем jqXHR.abort(); или лучше / проще, настройте свою логику перед установкой запроса и выполняйте запрос только в случае необходимости, в противном случае не вызывайте запрос. Логика кажется не так сложно понять
@ A.Wolff, «делай запрос, только если он тебе нужен» - я думаю, это невозможно с ajaxForm . beforeSend для ajaxSubmit . Но с ajaxSubmit я не нашел способа показать индикатор выполнения.
@ A.Wolff, jqXHR.abort(); метод сработал. Я хотел бы принять ваш ответ в качестве ответа. Можете ли вы указать, где или как вы получили решение в своем ответе?

Tomek · Answer 1 · 2014-03-10T11-17-00.000Z

В вашем html удалите javascript: void (0) и положите # вместо этого и используйте event.preventDefault(); где когда-либо вы запускаете отправку. Что-то вроде этого:

$(document).on('click', '#submitname', function (event) {
 event.preventDefault();
  $.ajax({
    url: 'somepage.php',
    type: 'post',
    dataType:'html',   
    data: $('#formname').serialize(),
    success: function(response, textStatus, jqXHR){

     ///Do something

},
   error: function(jqXHR, textStatus, errorThrown){
      console.log('error(s):'+textStatus, errorThrown);
   }
 });
});

Плагин jquery всегда необходим для загрузки файла, не переходя на другую страницу, иначе iframe может это сделать, верно? Я спросил о конкретном плагине JQuery.

A. Wolff · Answer 2 · 2014-03-10T10-50-00.000Z

Чтобы прервать текущий запрос "in run", вам необходимо его прервать;) Внутри обратного вызова beforeSend первым параметром является объект jqXHR:

beforeSend: function(jqXHR) {
    //some other code to check if we need to abort current request, if so...
    jqXHR.abort();
}