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

标签 javascript html 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>

提前致谢

最佳答案

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

您可能需要考虑在表单标记中用 onsubmit="return checkform()" 替换此方法,尽管这两种方法都适用于单击按钮。

关于javascript - 在提交该页面之前检查表单字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3279628/

相关文章:

javascript - 检查数组中是否每个 id 都有一个现有对象

javascript - 如何将 jQuery 省略号应用于 jQuery 数据表行

ajax - Safari 扩展注入(inject)脚本中的跨源 AJAX 调用

javascript - 如何将从 json 接收到的 ko.observable 字符串解析为整数(数字)值

php - 如何在 javascript 中创建一个按钮,当用户单击该按钮时将打开 iframe?

javascript - 为什么不鼓励在 JavaScript 的循环中创建函数?

css - 无法让页面读取简单 div 的 CSS 页面

html - 显示 : inline and list-style-image with ASP. NET MVC

javascript - 为什么在点击链接时进行 jquery/ajax 调用时无法获取值?

php - 单击鼠标并输入按钮提交表格