Question

我正在尝试编写一些代码来发送一个表单，该表单首先确保它是否正确填写。当我单击“ enviar Formulario”按钮时，它不会调用javascript代码，并且不会执行任何操作。

$(document).ready(function(){

    $(".column div").click(function(){

        $(".column div").css('backgroundColor', '#fff'); // you may add this or not :)
        var text = $(this).text();
        $(".column div:contains("+text+")").css('backgroundColor', 
        $(".btn_colors").attr("data-color"));

    })

});

Answer 1

没有像document.getElementById("nombre").length()

如果您尝试读取输入文本的长度，请执行此操作

document.getElementById("nombre").value.length

编辑1：

没有像isInteger（）那样的方法。因此，请使用parseInt（）代替

这将是您的工作代码

<html>
<head>
<script type="text/javascript">
    function test() {
      if(document.getElementById("nombre").value.length < 2){
        alert("Error");
        return 1;
      }
      else if(!parseInt(document.getElementById("edad").value)){
        alert("Error");
        return 1;
      }

      else if(!document.getElementById("email").value.includes("@")){
        alert("Error");
        return 1;
      }
      else{
        document.getElementById("formulario").submit();
      }
    }
</script>
</head>

 <body>
    <form id="formulario"action = "https://postman-echo.com/get" 
      method = GET type=text>
     Nombre:&nbsp;  <input id="nombre" type="text"/>
     <br><br>
     Edad:&nbsp;    <input id="edad" type="text"/>
     <br><br>
     E-mail:&nbsp;  <input id="email" type="text"/>
    </form>

<button onclick= "test()">Enviar formulario</button>

</body>
</html>

Answer 2

您正在比较整个输入标签的长度，而不是其中的文本。

if (document.getElementById("nombre").value.length < 2)
{
    ...
}
if (!document.getElementById("edad").value.isInteger())
{
    ...
}

以此类推...

Answer 3

首先，请检查您的控件是否达到测试方法，请使用调试器（我更喜欢chrome）

然后，在代码位于断点的情况下，在控制台中检查语法

您可以在这里分享您的发现

对html和javascript的怀疑

3 个答案: