首页 > 解决方案 > 如何在javascript中以表单形式进行验证?

问题描述

我知道这可能很简单,但我是 js 新手,我还在学习。所以我在我的 main.handlebars 上有这个

<form method="post" action="/save" onsubmit="return validateform()" name="myForm">
   <input type="text" name="username" id="username" class="form-control" value="{{username}}">
</form>

在 main.js 的另一个页面上,我有我的功能

function validateForm() {
    var x = document.forms["myForm"]["username"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
}

但它不起作用,我不知道如何解决它请帮助我谢谢

标签: javascripthtmlnode.js

解决方案


您在函数调用“validateform()”和函数定义“validateForm”中输入错误

其中“f”和大写“F”

因为 javaScript 是区分大小写的语言

其他看起来不错,你能确保你在那里有一个提交,并且你对“/保存”采取了正确的行动。如果您可以添加您的操作并提交代码,这将有助于了解该部分是否存在错误。

这是我认为您遵循的代码 ,并且您了解“操作属性指定在提交表单时将表单数据发送到何处”。没有更多关于行动的信息点击这里


推荐阅读