Validate формат телефона на форме представить

Question

Я хочу, чтобы проверить значение ввода номера телефона, чтобы соответствовать этому формату (555) 5555-555

Я использую этот сценарий, но он не doning ничего по щелчку на IMG

function submit() { 
      var phone = $('#number').val(); 
      if(!phone.match(/^(?:\(\d{3}\)|\d{3}-)\d{3}-\d{4}$/) || phone == "") { 
       $("#phoneNumberInvalid").show(); 
       return false; 
      } else { 
       document.forms["phoneForm"].submit(); 
       return true; 
      } 
     } 

форма:

 <form name="phoneForm" method="POST" onsubmit="return submit();"> 

<div class="continueDiv"> 
    <img id="continu" src="web/static/media/images/continue.jpg" 
     onclick="submit();" /> 
</div> 
    <div id="phoneNumberInvalid" 
      style="position: absolute; top: 100px; left: 50px; z-index:1; display:none;" 
      class="invalid">Enter a valid phone number.</div> 
<div id="phoneNumberDiv" 
      style="position: absolute; left: 50px; top: 220px; width: 550px; height: 112px; z-index: 4; vertical-align: middle;"> 
      <img src="web/static/media/images/phoneLogo.gif"> 
      &nbsp;&nbsp;&nbsp; <input id="number" name="number" type="text" class="phoneNumClass" /> 
     </div> 

</form> 

форма не проверить форму с помощью кода Js Любой посоветуете?

Answer 1

Изменение имени функции исправлено для всех браузеров! спасибо наблюдателю!

function validate() { 
       var phone = $('#number').val(); 
       if(!phone.match(/^(?:\(\d{3}\)|\d{3}-)\d{3}-\d{4}$/) || phone == "") { 
        $("#phoneNumberInvalid").show(); 
        return false; 
       } else { 
        document.forms["phoneForm"].submit(); 
        return true; 
       } 
      }