0

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>

上記は私のコードです。[続行]をクリックしてフィールドが空白の場合はチェックアウトしますが、必要に応じてエラーが発生しますが、アラートダイアログボックスの[OK]ボタンをクリックすると、フォームのアクションにリダイレクトされるという問題があります。

誰かがファイルに記入しない場合、それは同じ位置にとどまりたいです。ありがとうございます!

4

1 に答える 1

1

onsubmitフォームのハンドラーとして関数を適用する必要があります。

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

関数が false を返す場合に備えて、そこに戻り値を設定することで、フォームの送信をキャンセルします。

于 2012-12-03T14:27:42.123 に答える