Question

源代码如下。当我按下提交按钮。显示警告消息，但在此之后，表单将立即重置所有文本，并且我已经为from和to字段写了一个自动完成jquery，它在重置后不起作用。

任何人都可以指导我避免重置。

enter code here
   <div data-role="content" >
        <form action="#" name="myform" onsubmit="return validateForm()" method="post">
            From:<input id="from" type="text" name="From-busstop">
            To:<input id= "to" type="text" name="To-busstop">
            <input type="submit" value="Submit" >
        </form>
    </div>
    <script>
    function validateForm() {
        var x = document.forms["myform"]["from"].value;
        if (x==null || x=="") {
            alert("From must be filled out");
            return false;
        }
    }
    </script>

对不起，对不起我实际上是在改变内容以便更加可读。我已经更新了我正在尝试构建的代码

Answer 1

您的问题似乎在这里：

var x = document.forms["busroute"]["from"].value;

我认为选择器是正确的，因为我看到表单元素中没有["busroute"]的属性。

所以解决方案就是你在表单元素上应用了id属性，然后更好地用下面的方法创建一个选择器，并确保.trim()/$.trim(x)该值有任何空格：< / p>

var x = $("#from").val(); // if you have jQuery

或

var x = document.getElementById("from").value; // with js

或现代js：

var x = document.querySelector("#from").value; // with js

如何在提交时自动避免表单重置

1 个答案: