表單也是對象；他們有自己的方法、屬性及事件處理器。其中有一項就是onSubmit。

    onSubmit的調用有以下兩種情形：如果用戶點擊提交（Submit）按鈕，或用戶在文字域內按了回車鍵，則會觸發(fā)onSubmit。

    在Netscape中，點擊一個沒有結果事件處理的Submit按鈕通常會導致刷新原有的頁面。為了避免這種情況，你可以這樣做：

    <form onSubmit="return false;">
        <input type="submit" value="Submit">
    </form>

    Javascript用return false阻止瀏覽器刷新頁面。另一個例子是阻止一個href轉向賦值的URL 。例如：鏈接

    <a onClick="return false;">sohu!</a>

    不會轉向任何URL，因為你給onClick賦值為return false。

    以下是一個從用戶獲取信息的表單。在文字域中輸入一些內容然后按回車鍵:

    Who does the monkey love:

    以下是表單的編碼：

    <form name="text_entry_form" onSubmit="monkeyLove(); return false;">
        <input type="text" name="monkey_love" size="40">
    </form>

    當你點擊文字域中的回車時，onSubmit處理器被調用執(zhí)行函數monkeyLove()，該函數將改變文字域內的值。

    如果onsubmit處理器中沒有return false語句的話，執(zhí)行函數monkeyLove()會改變文字域內容，但由于同時網頁內容會被刷新，從而又會將文字域的內容返回到原有的內容。為了阻止這種現象，就必須在onSubmit中加入return false.

    以下是monkeyLove() 函數的內容：

    function monkeyLove()
    {
        var who_it_is = window.document.text_entry_form.monkey_love.value;

        who_it_is = 'The monkey loves ' + who_it_is;
        window.document.text_entry_form.monkey_love.value = who_it_is;
    }

最新評論