用户系统｜前端页面心得与小错误_前端代码错误修改心得与体会-优快云博客

本文介绍了JavaScript中处理表单提交的几个关键点，包括正确获取元素ID、设置表单action属性的最佳实践及如何通过按钮点击事件而非submit类型来触发表单验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 注意好 js 获取 id 时是 id 而不是 class，作者因为这个错误一直网页提交按钮没动静，好傻；

2. jsp中表单的响应路由器action最好设置绝对路径，不然容易出错，或者采用下面的方法：

<form action="<%=request.getContextPath()%>/servlet/UserServlet" id="formId" class="reg-form" method="POST">

不能仅/servlet/UserServlet。

3. 提交按钮最好采用以下方式：

<input id="submitButton" type="button" onclick="checkForm()" value="免费注册">

type不要使用submit，以及不用onsubmit属性，提交时容易没有响应，包括当输入框为空时也能提交，即使有js验证。

/**
 * 表单提交时验证
 * @returns {boolean}
 */
function checkForm() {
    var Form = document.getElementById("formId");
    var bool = true;
    if (!InputUsernameBlur()) bool = false;
    if (!InputPasswordBlur()) bool = false;
    if (!InputRepasswordBlur()) bool = false;
    if (!InputEmailBlur()) bool = false;
    if (bool==true) {
        /* 使用表单的submit()方法 */
        Form.submit();
    }
    return bool;
}