Javascript или JQuery всплывающее окно, когда пользователь нажмите кроме ссылки кнопку Отправить

Question

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

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

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

Answer 1

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

$(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>

Answer 2

Вы можете использовать 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> 

Answer 3

Попробуйте использовать какой-либо плагин. Существует один JQuery плагин "Are You Sure"

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

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

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

Answer 4

Если я правильно понял, вам нужны следующие две возможности: 1.User нажимает кнопку отправки: форма отправляется 2.User нажимает ссылку «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>