Home / Questions / 73083
Accepted
Stevn
Asked: 2020-05-26 06:14:45 +0800 CST 2020-05-26 06:14:45 +0800 CST

Не отправлять форму при нажатии кнопки отправки [дубликат]

  • 772

Приветствую всех,

Делаю обычную форму с именем, рутом и фамилией.

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

Есть ли функция javaScript, которая останавливает кнопку отправки при сбое проверки?

function sendForm(){
    alert("ENTRO SEND");
    alert("valido: "+valido);
     if(valido){
    	alert("valido TRUE");
    	validateSetDataAhorro();
    }else{
    	alert("valido FALSE");
    	return false;
    }
}
<form action="http://algunsitio.com/prog/usuarionuevo" method="post">
  <p>
    <label for="nombre">Nombre: </label>
          <input type="text" id="nombre"><br/>
    <label for="apellido">Apellido: </label>
          <INPUT type="text" id="apellido"><br/>
    <label for="email">Rut: </label>
          <INPUT type="text" id="email"><br/>
    <button onclick="javascript:sendForm();" class="btn btn-second"          
      title="Continuar">Boton</button>
  </p>
 </form>

javascript

3 Answers

  1. Best Answer

    Если вы оставите кнопку вне формы, она не отправит ее, затем вы проверите поля (я не делал никакой проверки), если переменная validoверна, она отправит форму с submit()javascript, в противном случае она показывает предупреждение для вас подтвердите поля. Попробуйте изменить переменную с falseна, trueчтобы увидеть, как это работает для вас.

    function sendForm() {
  var valido = false; //DEBERIAS REALIZAR LAS VALIDACIONES
  alert("ENTRO SEND");
  alert("valido: " + valido);
  if (valido) {
    document.getElementById("myForm").submit();
  } else {
    alert("VALIDA LOS CAMPOS");
    return false;
  }
}
    <form id="myForm" action="pagina.php" method="post">
  <p>
    <label for="nombre">Nombre: </label>
    <input type="text" id="nombre"><br/>
    <label for="apellido">Apellido: </label>
    <INPUT type="text" id="apellido"><br/>
    <label for="email">Rut: </label>
    <INPUT type="text" id="email"><br/>

  </p>
</form>
<button onclick="javascript:sendForm();" class="btn btn-second" title="Continuar">Boton</button>

    • 4

  2. Логика, которую вы ведете, прекрасна. У вас есть кнопка отправки и в событии клика

    <button onclick="javascript:sendForm();" class="btn btn-second"          
      title="Continuar">Boton</button>

    Вы вызываете функцию sendForm().

    Проблема в том, что допустимая переменная не определена, как узнать, что форма действительна? Возможно, он имеет только значения (если это так, вы можете проверить его с помощью required на входе).

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

    Основной способ проверить, имеют ли входные данные значение:

    <form>
<input type="text" id="txtNombre" required>
<button type="submit">
</form>

    В этом коде браузер проверяет, что поле ввода имеет значение, и если это так, он продолжает его отправку, в противном случае он запрашивает его.

    Ваше здоровье,

    • 0

  3. Я не вижу кнопки "Отправить", так что для отмены ничего не нужно.

    На самом деле у вас есть обычная кнопка, которая вызывает вызов javascript. В правильном случае указанный javascript должен будет выполнить отправку формы или вызов Ajax или что-то подобное.

    • 0