Home / Questions / 13597
Accepted
Ivxn
Asked: 2020-06-11 13:52:19 +0800 CST 2020-06-11 13:52:19 +0800 CST

如何避免在使用 Javascript 和 jQuery 的警报中重定向页面？

  • 772

当我显示 JS 警报时，它会将我重定向到页面顶部，并且表单的所有信息都丢失了，我想要的是它显示警报但不重定向或重新加载。如何避免重定向，之后接受警报？，警报是常见的，所以我没有添加任何参数

    $("#btnagregarSIM").click(function() {

      var cantidadTotalSim = $("#txtValorTotalSim").val();
      var cantidadArticulo = $("#txtValorTotalArticulo").val();
      var facturaSim = $("#txtFacturaSIM").val();
      var cantidadSim = $("#txtCantidadsim").val();
      var idSim = $("#cmbSim").val();
      var descripcionSim = $("#cmbSim option:selected").html();

      var x = parseFloat(cantidadTotalSim) + parseFloat(cantidadSim);

      if (x <= cantidadArticulo) {
        if (cantidadTotalSim <= cantidadArticulo) {
          fn_agregarSIM(facturaSim, cantidadSim, idSim, descripcionSim);
        } else {
          alert("Revisa que la cantidad de SIM sea la misma que la cantidad de Articulos")
        }
      } else {
        alert("La cantidad de SIM no puede ser mayor que la cantidad total de articulos.");
      }

    });
javascript

3 Answers

  1. Best Answer

    警报不应重定向您，可能发生的情况是“#btnagregarSIM”按钮是一个提交按钮，它会自动执行关联的表单提交。

    为此，您应该在 click 函数中添加对 preventDefault 的调用，如下所示

     $("#btnagregarSIM").click(function(event) {

    ...

    if (x <= cantidadArticulo) {
        if (cantidadTotalSim <= cantidadArticulo) {
            fn_agregarSIM(facturaSim, cantidadSim, idSim, descripcionSim);

        } else { 
            alert("Revisa que la cantidad de SIM sea la misma que la cantidad de Articulos");
            event.preventDefault();
        }
    } else { 
        alert("La cantidad de SIM no puede ser mayor que la cantidad total de articulos.");
        event.preventDefault();
    }
  }
    • 5

  2. 您必须检查 #btnagregarSIM 按钮是否不是提交类型。在这种情况下，您必须删除“form”标签或将按钮更改为“a”标签。

    • 1

  3. 根据 Jquery 文档，您应该使用 preventDefault 方法来防止被调用的事件遵循其正常行为。

    https://api.jquery.com/event.preventdefault/

    $( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
    .append( "default " + event.type + " prevented" )
    .appendTo( "#log" );
});
    • 0