如何使用Javascript提交表單或轉到下一頁

Question

我已經創建了一個表單，它似乎驗證得很好。

由於點擊按鈕，我無法提交頁面。這現在已經讓我感到困惑，並希望將該命令放在JavaScript中。

如何在javascript中編寫它？

這裏是demo of the form

<script language="javascript"> 
    function button_actions(){ 

    if (!document.my_form.referrers_name.value){ 
     alert('You need to supply your Referrers name.'); 
     document.my_form.referrers_name.focus(); 
     return false; 
    } 

    if (!document.my_form.referrers_organisation.value){ 
     alert('You need to supply your Referrers organisation.'); 
     document.my_form.referrers_organisation.focus(); 
     return false; 
    } 

    if (!document.my_form.referrers_email_address.value){ 
     alert('You need to supply your Referrers email address.'); 
     document.my_form.referrers_email_address.focus(); 
     return false; 
    } 

    if (!document.my_form.referrers_phone_number.value){ 
     alert('You need to supply your Referrers phone number.'); 
     document.my_form.referrers_phone_number.focus(); 
     return false; 
    } 


    if (!document.my_form.referral_document.value){ 
     alert('You need to supply your Referral Document.'); 
     document.my_form.referral_document.focus(); 
     return false; 
    } 

    if (!document.my_form.name_of_contact.value){ 
     alert('You need to supply a Name of contact.'); 
     document.my_form.name_of_contact.focus(); 
     return false; 
    } 

    if (!document.my_form.email_of_contact.value){ 
     alert('You need to supply an Email of contact.'); 
     document.my_form.email_of_contact.focus(); 
     return false; 
    } 


    if (!document.my_form.phone_of_contact.value){ 
     alert('You need to supply a Phone number of contact.'); 
     document.my_form.phone_of_contact.focus(); 
     return false; 
    } 

    if (!document.my_form.details.value){ 
     alert('You need to supply further details.'); 
     document.my_form.details.focus(); 
     return false; 
    } 
    } 
</script> 

Answer 1

而不必使用onclick按鈕的功能火，嘗試燒它使用onsubmit形式。

<form name="my_form" method="post" action="assign any page to this" onsubmit="return button_actions();"> 

，然後只用一個簡單的提交按鈕來觸發onsubmit：

<input type="submit"> 

，當它經過驗證的形式將立即提交。