javascript - javascript错误消息显示字段为空并且不继续

Question

JavaScript 代码：

function notEmpty(elem, helperMsg)
{
    if(elem.value.length == 0)
    {
        alert(helperMsg);
        elem.focus();
        return false;
    }

    return true;
}

HTML：

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" />
 <input type="hidden" name="on0" value="Name :" />Name :
 <input type="text" id="req1" name="os0" maxlength="200" style="width:150px;"/>
 <input type="submit" id="buynow" value="Proceed To Checkout" onclick="notEmpty(document.getElementById('req1'), 'Please Enter a Value')" style="width:150px; margin:15px 0px 17px 0px;" />
</form>

以上是我的代码。当我单击继续结帐时，如果字段为空白，那么它会给出我想要的错误，但问题是当我在警报对话框中单击确定按钮时，它会重定向到表单的操作。

我想如果有人不填写档案，那么它将保持在同一位置。请帮帮我谢谢！

Answer 1

您需要将该函数应用为onsubmit表单的处理程序：

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="return notEmpty(document.getElementById('req1'), 'Please Enter a Value');" />

如果函数返回 false，则通过在其中返回您取消表单提交。