Pastable version of Perform AJAX request when three form fields have been filled

<pre class='prettyprint' language='javascript'>// form fields  
  var address = $(&quot;#address&quot;);
  var zip = $(&quot;#zip&quot;);
  var city = $(&quot;#city&quot;);
  
  function validateAddress() {
    // if it's NOT valid
    if(address.val().length &lt; 1) {
      return false;
    } else {
      return true;
    }
  }
  
  function validateZip() {
    var pattern = new RegExp('[^0-9]+', 'g');
		var zip1 = zip.val().replace(pattern, '');
		zip.val(zip1);
    
    // if is valid
    if(zip.val().length == 5) {
      return true;
    } else {
      return false;
    }
  }
  
  function validateCity() {
    // if it's NOT valid
    if(city.val().length &lt; 1) {
      return false;
    } else {
      return true;
    }
  }
  
  // Show indicator
  function showIndicator() {
    $(&quot;img#indicator&quot;).show();
  }
  
  // Hide indicator
  function hideIndicator() {
    $(&quot;img#indicator&quot;).hide();
  }
  
  function validateFields() {
    if(validateAddress() &amp;&amp; validateZip() &amp;&amp; validateCity()) {
      // Show indicator
      showIndicator();
      
      var req = $(&quot;form#new&quot;).serialize();
      $.ajax({
        type: &quot;POST&quot;,
        url: &quot;checkDuplicate/&quot;,
        data: req,
        complete: hideIndicator
      });
    }
  }
  
  // On blur
  $(&quot;#address,#zip,#city&quot;).blur(function() {
    validateFields();
  });</pre>
<a href="http://www.refactormycode.com/codes/760-perform-ajax-request-when-three-form-fields-have-been-filled" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://www.refactormycode.com/images/small_logo.gif" style="border:0" /></a>

Refactor :my => 'code'

Recent

Popular

Pastable version of Perform AJAX request when three form fields have been filled