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() 函数。

    问题是valid变量没有定义，怎么知道form是有效的？可能它只有值（如果有，你可以在输入中用 required 验证它）。

    您必须使用要验证的有效变量，这样只有在客户端上验证了表单数据时才会发送表单。

    验证输入是否有价值的基本方法是

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

    在此代码中，浏览器验证输入字段是否有值，如果有，则继续发送它，否则它会请求它。

    干杯，

    • 0

  3. 我没有看到任何提交按钮，因此您无需取消任何操作。

    您实际上有一个普通的按钮，可以进行 javascript 调用。在正确的情况下，所述 javascript 将不得不提交表单，或者 Ajax 调用或任何对应的。

    • 0