Как отправить форму с помощью Javascript или на следующую страницу

Question

Я создал форму и, похоже, хорошо обоснован.

У меня возникли проблемы с отправкой страницы из-за кнопки onclick. Это немного смутило меня и хотелось бы разместить команду в 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"> 

Форма теперь представить, когда она проходит проверку.