集成了兩個JavaScript的代碼轉換成一個代碼來顯示警報

Question

在我first javascript我顯示alerts如果上課check留emptysubmitting之前，如果一切都充滿然後在second javascript我顯示的是confirm submit?警告任何text box。但如何使這兩個作爲一個JavaScript代碼？

<script type="text/javascript">  
    jQuery('input.test').not('[value]').each(function() { 
     var blankInput = jQuery(this); 
     //do what you want with your input 
    }); 

    function confirmation(domForm) { 
     var jForm = jQuery(domForm); 
     var jFields = jForm.find('.check');; 
     var values = jFields.serializeArray(); 
     var failedFields = []; 

     for(var i = 0; i < values.length; i++) { 
      var o = values[i]; 
      if(o.value == null || o.value.length == 0) { 
       failedFields.push(jFields.filter('[name=' + o.name + ']').attr('title')); 
      } 
     } 

     if(failedFields.length > 0) { 
      var message = ''; 

      if(failedFields.length == values.length) { 
       message = 'fill all fields please'; 
      } 
      else { 
       message = 'please fill the fields:'; 
       for(var i = 0; i < failedFields.length; i++) { 
        message += "\n"; 
        message += failedFields[i]; 
       } 
      } 

     csscody.alert(message); 

     return false; 
    } 

    var answer = confirm("Confirm save?") 

if (answer){ 
     window.location = "confirmsubmit.jsp"; 
} 
else{  
     return false; 
} 

    return true; 
} 
</script> 

JavaScript來顯示其之後類check文本框confirm submit警報充滿

<script type="text/javascript"> 
$().ready(function() { 
    $('#btn_submit').click(function(e) { 
     e.preventDefault(); 

     var that = this; 
     var text = "Confirm save?"; 

     csscody.confirm(text, { 
      onComplete: function(e) { 
       if (e) { 
        window.location = "confirmsubmit.jsp"; 
       } 
       else { 
        return false; 
       } 
      } 
     }) 
    }); 
}); 
</script> 

HTML

<form action="confirmsubmit.jsp" onsubmit="return confirmation(this)" method="POST"> 
    <input type="text" class="check"/>//alert if text box is left empty 
    <input type="submit" id="btn_submit"/> 
</form> 

Answer 1

我不明白爲什麼你需要第二個腳本。您可以調用驗證器功能onsubmit。爲什麼要改變window.location當您設置了相同的action？沒有必要將相同的功能綁定到按鈕的點擊事件上。

您不需要第二個腳本，但必須更改第一個腳本。

function confirmation(domForm) { 

    // Your other code 
    // ... 

    if(failedFields.length > 0) { 

     // Your other code 
     // ... 

     csscody.alert(message); 
     return false; 
    } 

    // Your other code 
    // ... 

/* Solution before your comment: 

    var answer = confirm("Confirm save?") 
    // This is already the action-target: window.location = "confirmsubmit.jsp"; 
    return answer; 
*/ 

    var text = "Confirm save?"; 

    csscody.confirm(text, { 
     onComplete: function(e) { 
      if (e) { 
       // Probably doesn't work because this seems to be asynchronous? 
       return true; 
      } 
      else { 
       return false; 
      } 
     } 
    }); 

}