Problem with contacts form

[tifone7]

Hi guys.
First of all it's been a long time since i follw you and your community.How many helps i f've found through these pages!!
So thank for any help you will able to give me in the future.I'm a newbie.Sorry for my english, i'm writing from Italy..
My problem is..I'm making a new site, full js based. In the contact form submit and clear buttons don't work. I'm pretty sure html code and php work, because they work well in onother site i made (html and css).
I think the problem is the instruction onClick="document.getElementById that doesn't work with js site..can you help me?

HTML code

<div class="wrapper contPad">
      <h2>Contattami</h2>
      <form id="form1" action="mail.php" method="post">
          <div>
    	   <fieldset>
			<label>NOME</label> 
									
    			<input name="field_name" input type="text" class="input" value="Almeno 3 caratteri" > 

    			<br>
										
			<label>E-MAIL:</label> 
										
                        <input name="field_email" input type="text" class="input" value="Indirizzo valido di posta elettronica"/>
    										
    			<br>
										
			<label>MESSAGGIO:</label>
										
    			<textarea name="field_message" cols="40" rows="7"></textarea>
    										
    			<br><br>
    								
                        <div class="btns right"> <a href="#" class="button" onClick="document.getElementById('ContactForm').reset()">clear</a>
							 <a href="#" class="button" onClick="document.getElementById('ContactForm').submit()">Send</a></div>
    	  </fieldset>
        </div>
    </form>
                          
</div>

PHP code

PHP Code:

<?php
$field_name = $_POST['field_name'];
$field_email = $_POST['field_email'];
$field_message = $_POST['field_message'];
     
$mail_to = 'deep_purple@tin.it';
$subject = 'Richiesta di informazioni da parte di '.$field_name;
     
$body_message = 'Nominativo: '.$field_name."\n";
$body_message .= 'E-mail: '.$field_email."\n";
$body_message .= 'Messaggio: '.$field_message."\n";


$headers = 'From: '.$field_email."\r\n";
$headers .= 'Reply-To: '.$field_email."\r\n";
     
$mail_status = mail($mail_to, $subject, $body_message, $headers);
     
if ($mail_status) { ?>
<script language="javascript" type="text/javascript">
alert('Grazie per la richiesta inoltrata. Sarete contattati quanto prima.');
window.location = 'contatti.html';
</script>
<?php
}
else { ?>
<script language="javascript" type="text/javascript">
alert('Recapito fallito.Per favore riprovare ad eseguire la richiesta più tardi');
window.location = 'contatti.html';
</script>
<?php
}
?>

[AndrewGSW]

Your form has the id 'form1' but you are referring to

document.getElementById('ContactForm')

which does not exist.

[tifone7]

Ok,thks Andrew.I've changed the error. However the problem remains.
If i keep the php file there's something in html code that i can change?.For exemple can i use input type="submit"? what do i have to change to make work the button "Send"?
Thank you

[AndrewGSW]

<input type="submit" id="bSubmit" name="bSubmit" value="Send">

will submit the form when clicked.