Как отключить отправку формы при возникновении ошибки?

Question

Как отключить отправку формы при возникновении ошибки?

0

У меня есть форма, которая собирает пользовательские данные и вставляет их в базу данных. Перед отправкой данные проверяются, и после отправки окно закрывается. Я использую try/catch для обработки ошибок, поэтому, когда есть ошибка, я не хочу, чтобы окно закрывалось.

Это выглядит так:

<form target="_self"  method="post" id = "questionnaire" class="validate" onsubmit="submit();window.close()">

По существу, что я пытаюсь сделать, это если есть ошибка onsubmit = ""

благодаря

Jim D 08 янв. 2014, в 21:52

Источник

0

<form onSubmit = "return false; submit ();"> Таким образом, внутри вашего метода submit () вы можете инициировать, если он действителен.
Rottingham 08 янв. 2014, в 19:56
1

@Rottingham - Таким образом, функция отправки никогда не будет вызываться.
Quentin 08 янв. 2014, в 19:58
1

Сделайте submit() return false, если есть какая-либо ошибка, затем используйте onsubmit = "return submit();"
Mike Christensen 08 янв. 2014, в 19:58

Показать ещё 1 комментарий

Теги:

javascript

html

forms

form-submit

2 ответа

2

Как это:

<script type="text/javascript">
function submit()
{
    // do error checking
    if ( /*passes*/ )
        return true;
    else
        return false;
}
</script>

<form target="_self"  method="post" id="questionnaire" class="validate" onsubmit="return submit();">

redolent 08 янв. 2014, в 17:47

0

Согласно этому сообщению, submit - это зарезервированное слово: функция Onsubmit, называемая submit .
showdev 21 март 2018, в 16:59

Ещё вопросы

<form onSubmit = "return false; submit ();"> Таким образом, внутри вашего метода submit () вы можете инициировать, если он действителен.
@Rottingham - Таким образом, функция отправки никогда не будет вызываться.
Сделайте submit() return false, если есть какая-либо ошибка, затем используйте onsubmit = "return submit();"
Согласно этому сообщению, submit - это зарезервированное слово: функция Onsubmit, называемая submit .

crush · Accepted Answer · 2014-01-08T18-09-00.000Z

Вам необходимо обработать событие submit вашей формы и отменить отправку.

Здесь DEMO

Unobruustive Javascript без jQuery

//Get the form element.
var form = document.getElementById('questionnaire');

//Declare your event handler
var onMyFormSubmit = function (e) {
    e = e || window.event; //Get the event if it not passed in.

    if (!valid) { //Do your validation here.
        e.returnValue = false;
        e.preventDefault();
        return false;
    }
};

//Attach an event handler to the submit event.
if (form.addEventListener) {
    form.addEventListener('submit', onMyFormSubmit, false);
} else {
    form.attachEvent('onsubmit', onMyFormSubmit);
}

Это впечатляет, но почему так? Это более совместимо с браузером?
@redolent A) Это не требует jQuery. Б) Он поддерживает более старые версии IE, которые не используют addEventListener . C) Это не требует, чтобы вы путали HTML с вызовами Javascript.