jQuery警报两次消息为什么？

Question

Existing code is below.

The issue is that when the data is ok, the alert "You have sucessfully subscribed to the alert" is followed by "There was a problem with the alert" and when the data is wrong the "There was a problem with the alert" its alerted twice. Why is this?

jQuery(document).ready(function(){
  var alertForm = jQuery( "#sub_alert" );
  // Validation (Alert)
  alertForm.validate({
    rules: {
      alert_email: {
        required: true,
        email: true
      }
    },
    messages: {
      alert_email: {
        required: "Email is required",
        email: "Enter valid email"
      }
    }
  });
  jQuery(".sub_button").click(function(){
    if( alertForm.valid() ) {
      jQuery.post('<?php echo osc_base_url( true ); ?>', {email:jQuery("#alert_email").val(), userid:jQuery("#alert_userId").val(), alert:jQuery("#alert").val(), page:"ajax", action:"alerts"},
        function(data) {
          if(data == 1) { alert('<?php echo osc_esc_js( __( 'You have sucessfully subscribed to the alert', 'test' ) ); ?>'); }
          else if(data == -1) { alert('<?php echo osc_esc_js( __( 'Invalid email address', 'test' ) ); ?>'); }
          else { alert('<?php echo osc_esc_js( __( 'There was a problem with the alert', 'test' ) ); ?>'); 
        };
      });
      return false;
    }
  });
});

Answer 1

Your submit button has a class selector. Do you maybe have multiple posts? If you run jQuery(".sub_button").length , do you get 2? This is admittedly a guess since I can't see the entire html layout.

Answer 2

jQuery(".sub_button").click(function(){
  if( alertForm.valid() ) {
    jQuery.post('<?php echo osc_base_url( true ); ?>', {email:jQuery("#alert_email").val(), userid:jQuery("#alert_userId").val(), alert:jQuery("#alert").val(), page:"ajax", action:"alerts"},
      function(data){
        if (data == 1) { alert('<?php echo osc_esc_js( __( 'You have sucessfully subscribed to the alert', 'test' ) ); ?>'); }
        else if (data == -1) { alert('<?php echo osc_esc_js( __( 'Invalid email address', 'test' ) ); ?>'); }
        else { alert('<?php echo osc_esc_js( __( 'There was a problem with the alert', 'test' ) ); ?>'); 
      }
    });
    return false;
  }
});