Question

如果输入文本元素为空，我正在尝试停止表单提交。提交按钮位于一个锚页面中，即我的JSP中，我的JS函数驻留在那里以停止提交。

在主页上提交按钮：

<a href="" onclick="document.body.style.cursor='wait';setMaxRecords();javascript:postFormFromSubmit(contextPath+'/console/'+entityType+'.list');return false;">
    <input class=button type=submit name="btnSearch" value='Search' alt="Click to begin Search" >
</a>

需要验证输入文本的JSP：

function validateBlankFieldsOnClickSearch(){    
    if (!document.getElementById("FromDate").value || !document.getElementById("ToDate").value) {
        alert("Enter OrderDate range : Either FromDate or ToDate is blank!");
        return false;
    }       
}

我在点击搜索按钮时收到警告消息，但点击确定后搜索继续而不是停止。我不想对锚JSP的Submit按钮进行任何更改，因为它也被其他JSP使用。

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<input id='fromDate'>
<input id='toDate'>


<button valiue="My Submit Button" onclick="if (
                        document.getElementById('fromDate').length==0 ||
                        document.getElementById('toDate').length==0
                    )
                    {
                        alert('Enter OrderDate range : Either FromDate or ToDate is blank!');
                    } else {
                        alert('my submit here');

                    }">
</button>

</body>
</html>

在JS中返回false而不是停止JSP表单提交

1 个答案: