bootstrap modal toggle jquery validate resetForm

У меня есть некоторые модели Bootstrap 3, которые используют контактные формы. Простейший модальный просто открывает форму контакта, некоторые jquery validate и ajax php. Если пользователь решает закрыть форму, не закончив свою просьбу, у меня есть JQuery в моем колонтитуле, который очищает форму:bootstrap modal toggle jquery validate resetForm

$('.modal').on('hidden.bs.modal', function() { 
    $("form").validate().resetForm(); 
})

Однако, у меня есть некоторые другие модальности, что переключаться между содержанием и формой контакта и выше код не очистит форму, поэтому любой пользователь, введенный в данные/jquery, проверяет, что сообщения все еще существуют, если они повторно открывают его.

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

Я также попытался:

$(this).removeData('bs.modal'); 
$('.modal').on('shown.bs.modal', function() { 
    $(this).removeData('bs.modal'); 
    $("form").validate().resetForm(); 
})

Почему я не могу удалить данные внутри переключаемых DIV?

Благодаря

источник

2015-03-25 HedzWillRoll

Это могло бы помочь, я только понял, что это только очистка первой формы 7, все формы используют один и тот же код. – HedzWillRoll

использование попытка

window.onbeforeunload = function() { 
       $('form')[0].reset(); 
      };

пример

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <script type="text/javascript"> 
     window.onbeforeunload = function() { 
      $('form')[0].reset(); 
     };  
    </script> 
</head> 
<body> 
<form> 
<input type="text" name='text1' /> 
<input type="text" name='text2' /> 
</form> 

<a href="http://www.space.com/" >fly out into space</a> 

</body> 
</html>

источник

2015-03-25 14:48:11 websky

OK, разузнали его! Необходимо, чтобы убедиться, что каждый вид был сброшен, это работает:

$('.modal').on('hidden.bs.modal', function() { 
    $("form").each(function(){ 
     $(this).validate().resetForm(); 
    }); 
});

источник

2015-03-25 14:50:49 HedzWillRoll

Очистка как проверки сообщений об ошибках и входы в модальном при нажатии кнопки «Отмена».

$('.modal').on('hidden.bs.modal', function(){ 
     $(this).find('form')[0].reset(); 
     $("form").each(function(){ 
      $(this).validate().resetForm(); 
     }); 
    });

источник

2016-10-25 14:44:56 Melis

bootstrap modal toggle jquery validate resetForm

ответ

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