jqueryアラートメッセージが2回表示される理由

Question

既存のコードは以下のとおりです。

問題は、データが正常な場合、「アラートに正常に登録しました」というアラートに続いて「アラートに問題がありました」と表示され、データが間違っていると「問題がありました警報 "は警報を2回発した。どうしてこれなの？

Answer 1

<script type="text/javascript"> 
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; 
     } 
    }); 
}); 

あなたの送信ボタンは、クラスセレクタを持っています。あなたは多分複数の投稿を持っていますか？ jQuery(".sub_button").lengthを実行すると、2が得られますか？私はHTMLレイアウト全体を見ることができないので、これは間違いありません。

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; 
     } 
    });