javascript错误消息显示字段为空,不要继续

时间:2012-12-03 14:16:50

标签: javascript

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>

以上是我的代码。当我点击继续结帐如果该字段为空,那么它会给出我想要的错误,但问题是当我在警告对话框中单击“确定”按钮时,它会重定向形式的行动。

我想如果有人不填写,那么它将保持在同一位置。请帮助我谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

通过返回,取消表单子项,以防函数返回false。