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

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

Другие ссылки - это навигационные ссылки, доступные на моей странице.

0
Sumit 13 Янв 2017 в 09:10

4 ответа

Лучший ответ

Если вы используете кнопку для отправки и другие в качестве ссылки, вы можете узнать, как это:

$(document).ready(function() {
  $(document).('on','click',function(){
    var pressedButton = $(this).text();
    if(pressedButon == "Submit" || pressedButton =="Save")
      {
        return false;
      }
    else
      {
        $("a").on('click',function() {
          var confirmAns = confirm('Your message');
          if(confirmAns == true)
            {
              // DO whatever you want...
            }
          else
            {
              //Do whatever you want...
            }
        });
      }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
0
Sorangwala Abbasali 13 Янв 2017 в 06:18

Попробуйте использовать какой-нибудь плагин. Существует один плагин jQuery «Вы уверены?»

Так что вам просто нужно ниже фрагмент кода

$('form').areYouSure();
// OR
$('form.my_form_class').areYouSure();

Есть несколько расширенных опций, доступных с плагином. Оформить свою документацию.

0
Gaurav Soni 13 Янв 2017 в 06:45

Для этого вы можете использовать событие onblur и достичь своей цели. Поэтому, когда пользователь щелкает в любой точке вашей веб-страницы, событие onblur автоматически запускается. Вы должны использовать событие onblur на своей кнопке сохранения / отправки.

<button onblur="myFunction()" type="button">Save</button>

<script>
function myFunction() {
  var txt;
  var r = confirm("You are aborting the creation of profile");
  if (r == true) {
    return true;
  } else {
    return false;
  }
}
</script>
0
sumanta.k 13 Янв 2017 в 06:22

Если я правильно понял, вам нужны следующие две возможности: 1. Пользователь нажимает кнопку «Отправить»: форма отправляется. 2. Пользователь нажимает «a» ссылку: получить предупреждение с запросом на подтверждение, чтобы выйти из процесса регистрации.

Первый пункт будет сделан автоматически, так как это кнопка отправки формы без необходимости дополнительного jQuery.

Второму пункту просто нужен следующий код, чтобы показать кнопку подтверждения:

<script>
  $(document).ready(function(){
    $('a').on('click',function(e){
      if (!confirm("Are you sure you want to exit the registration process?")){
        e.preventDefault();
        return false;
      }
    });
  });
</script>
0
dibiler 13 Янв 2017 в 07:18