在提交该页面之前检查表单字段值

rev*_*eva 12 html javascript ajax jsp

我编写了以下函数来检查start_date字段是否为空,并在单击提交按钮时显示正确的消息.但随后它将控制权转移到上一页.因此,用户必须再次写入该表单上的所有其他字段.即使在提示错误消息后,有没有办法留在该页面上,其他所有字段都是值.

//JavaScript
function checkform() {
    if(document.frmMr.start_date.value == "") {
        alert("please enter start_date");
        return false;
    } else {
        document.frmMr.submit();
    }
}

// HTML
<html>
    <form name=frmMr action="page1.jsp">
        Enter Start date:
        <input type="text" size="15" name="start_date" id="start_date">
        <input type="submit" name="continue" value="submit" onClick="checkform();">
    </form>
</html>
Run Code Online (Sandbox Code Playgroud)

提前致谢

use*_*977 20

虽然checkform中有一个返回值,但它并没有在任何地方使用 - 请尝试使用onclick="return checkform()".

您可能希望考虑onsubmit="return checkform()"在表单标记中替换此方法,尽管两者都可用于单击按钮.


Ujw*_*tra 7

您只需使用所需的start_date即可

<input type="submit" value="Submit" required />
Run Code Online (Sandbox Code Playgroud)

你甚至不需要checkform().

谢谢