Проверка JavaScript работает на Firefox, но не на Chrome

Я так расстроен, что трачу часы на это. Можете ли вы, ребята, сказать мне, что случилось? Пробовал onsubmit в начале в конце формы. Изменено это на onChange и onClick по-прежнему та же проблема.

Я также не могу получить кнопку «Отправить», чтобы сказать сообщение благодарности, если я напишу функцию onclick, потому что она отключает onsubmit

<script type="text/javascript">
<!--
//Form validation code will come here.
 function validate()
 {

 if( document.myForm.name.value == "" )
{
 alert( "Please provide your name!" );
 document.myForm.name.focus() ;
 return false;
 }
  if( document.myForm.email.value == "" )
 {
  alert( "Please provide your Email!" );
  document.myForm.email.focus() ;
 return false;
  }
 if( document.myForm.phone.value == "" ||
       isNaN( document.myForm.phone.value ) ||
       document.myForm.phone.value.length != 5 )
 {
   alert( "Please provide a phone number so we can reach you." );
   document.myForm.phone.focus() ;
    return false;
   }
return( true );
 }
   //-->
 </script>

<div class="iphorm-outer">
    <form class="iphorm" action="send_contact.php" name="myForm" method="post"  >
        <div class="iphorm-wrapper">
        <div class="iphorm-inner">
               <div class="iphorm-message"></div>
               <div class="iphorm-container clearfix">
                    <!-- Begin Name element -->
                    <div class="element-wrapper name-element-wrapper clearfix">
                        Name (required)
                        <div class="input-wrapper name-input-wrapper">
                            <input class="name-element" id="name" type="text" name="name" />
                        </div>
                    </div>
                    <!-- End Name element -->
                    <!-- Begin Email element -->
                    <div class="element-wrapper email-element-wrapper clearfix">
                        Email (required)
                        <div class="input-wrapper email-input-wrapper">
                            <input class="email-element" id="email" type="text" name="email" />
                        </div>
                    </div>
                    <!-- End Email element -->
                    <!-- Begin Phone element -->
                    <div class="element-wrapper phone-element-wrapper clearfix">
                        Phone
                        <div class="input-wrapper phone-input-wrapper">
                            <input class="phone-element" id="phone" type="text" name="phone" />
                        </div>
                    </div>
                    <!-- End Phone element -->
                    <!-- Begin Message element -->
                    <div class="element-wrapper message-element-wrapper clearfix">
                        Message (required)
                        <div class="input-wrapper message-input-wrapper clearfix">
                            
                        </div>
                    </div>
                    <!-- End Message element -->

                    <!-- Begin Submit button -->
                    <div class="button-wrapper submit-button-wrapper clearfix">
                        <div class="loading-wrapper">Thank YOU, message sent.</div>
                        <div class="button-input-wrapper submit-button-input-wrapper">
                            <input class="ka-form-submit" type="submit" name="contact" onclick="return(validate())" value="Submit"/>
                        </div>
                    </div>
                    <!-- End Submit button -->
               </div>
           </div>
       </div>
    </form>

Can someone please help me write a function to disable Submit button unless function validate is true?