JQuery - остановить процесс кредитной карты для отображения всплывающего вопроса

Question

Может ли кто-нибудь сказать мне, если это возможно, и если да, указать мне правильный путь, как это сделать?

У нас есть форма для оплаты транзакции по кредитной карте.

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

Можно ли с помощью jQuery остановить отправку формы до закрытия этого всплывающего окна?

Answer 1

Да.Добавьте событие onclick к вашей кнопке отправки.Если onlcick возвращает false, форма не будет отправлена.Здесь вы можете проверить наличие опции, и если вы собираетесь отправить, верните true.Если вам нужно сначала сделать всплывающее окно, не возвращайтесь из функции до тех пор, пока оно не будет выполнено (а затем верните true).Это также позволяет вам отменить отправку, если вам нужно (пользователь решает во время всплывающего окна не отправлять), возвращая false.

<input type="submit" value="submit" onclick="return popupcheck()" />

Я не уверен, какое всплывающее окно вы используете, но вотнекоторые предложили псевдокод для JavaScript:

function popupcheck(){
    if(optionischecked){
       return true    //the form will submit
    }
    create/show popup
    return false      //the form will not submit (call popupisdone when the popup is done)
}
function popupisdone(){ //wire this up to be called when the popup is done
    $("#ccform").submit()  //unless there is some sort of cancel submit option in the popup
}