Отключить кнопку отправки по щелчку после проверки формы

У меня есть форма, которая имеет форму проверки JQuery .. что мне нужно, это кнопка должна получить отключается, когда я отправить форму после того, как проверка выполняется представить ..Отключить кнопку отправки по щелчку после проверки формы

<form action="#" method="post" id="myform" name="myform"> 
    Location: <input name="location" type="text" /> 
    Site: <input name="site" type="text" /> 
    Age: <input name="age" type="text" /> 
    Gender <input name="gender" type="text" /> 
    <input name="button" type="submit" class="myButton" id="button" value="Submit" /> 
</form>

здесь моя форма JsFiddle

источник

2013-07-08 Oliveshades

при отправке формировать перезагрузку страницы ... так что мне интересно, почему вам нужно отключить кнопку .... anyways либо использовать ajax для отправки формы или сохранить флаг кнопки в cookie или db и проверить, что – bipen

Я еще не пробовал, потому что я не очень хорош в javascript .. Извините – Oliveshades

Данные этой формы хранятся в базе данных, занимающей 2-3 секунды, тем временем пользователь снова нажимает кнопку отправки и получить .. из-за этого я получаю дубликаты записей. – Oliveshades

Не знаю, почему вы хотите, чтобы отключить кнопку отправки, но с помощью JQuery можно сделать

$('input[type="submit"]').prop('disabled',true);

Обычно вы либо не имели бы в качестве ubmit, или отправить форму, и страница перезагрузится!

UPDATE

Чтобы остановить людей от перепроведении значения обновив страницу, как вы писали в комментариях, перенаправить пользователя на страницу без значений вывешенные!

header('/same_page.php');

источник

2013-07-08 11:26:01

- это то, что 'prop (" disabled ", true)'? – rab

@rab да, это лучший способ, отредактирован! –

@ В Боге, я доверяю, спасибо – Oliveshades

Вы хотите сделать действие по форме. Не уверен, что вам нужно добавить form.valid() там как проверку, но я всегда делаю это так. Впоследствии вы можете вернуть true или false.

True: браузер переходит к ссылке и действия, указанного в форме
Ложные: Браузер останавливается (если у вас есть ошибки проверки)

Вот код:

$('#myform').submit(function() { 
    if (!$('#myform').valid()) return false; 

    $('#myform input[type=submit]').attr("disabled", "disabled"); 
    return true; 
});

Я также обновил вашу скрипку с помощью этого кода, поэтому вы можете попробовать его

источник

2013-07-08 11:27:51 peter

Если вы хотите отключить, как только форма, которую вы хотите проверить действителен, то вы можете отключить кнопку отправки, как этот

$("#myForm").validate({ 
    submitHandler: function(form) { 
    // do other stuff for a valid form 
    $('#myform input[type=submit]').attr("disabled", "disabled"); 
    form.submit(); 
    } 
});

источник

2013-07-08 11:30:55

после проверки формы, использование:

$("#button").click(function(event) { 
     if($('#myform').valid()) { 
      $(event.target).attr("disabled", "disabled"); 
     } 
    });

источник

2013-07-08 11:34:42

Отключить кнопку отправки по щелчку после проверки формы

ответ

Смежные вопросы