javascript - オンクリックボタン機能の前に確認/キャンセル

Question

私は、外部ファイルで定義されている機能を使用してウェブサイトの支払いを送信するボタンを持っています。ボタンのonclickで呼び出された機能を確認またはキャンセルするための警告ボックスポップアップを追加したいと思います。私はjavascriptに精通していますが、外部で定義されている場合、別の関数内で関数をどのくらい正確に呼び出すかについてはわかりません。私が持っているもの

：

<script type="text/javascript"> 

var $jj = jQuery.noConflict(); 
$jj(document).ready(function() { 
    $jj('.alertbox').on('click', function() { 
     var _this = $jj(this); 
     $jj.confirm({ 
      title: 'Confirm!', 
      content: 'Are you sure?', 
      buttons: { 
      confirm: function review.save(); { 

       }, 
      cancel: function() { 

       } 
      } 
     }); 
    }); 
    }); 
</script> 

ボタンphtml：

Uncaught ReferenceError: review is not defined 
at HTMLButtonElement.onclick 

は私が取り払うでください：

<button type="submit" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Place Order')) ?>" class="button btn-checkout alertbox" onclick="review.save();" ><span><span><?php echo $this->__('Place Order') ?></span></span></button> 

私は次のエラーを取得するよう、私は、これは動作しません知っていますonclickの これを行うより効率的な方法はありますか？おそらく、buttonではなくformとinputを使用していますか？

Answer 1

 
    $('#press').on('click', function(){ 
 
\t \t var val = validate(); 
 
    if(val == true){ 
 
    var r = confirm("Submit form!") 
 
    var txt; 
 
    if (r == true) { 
 
    txt = "You pressed OK!"; 
 
    //$("#myform").submit(); //use this for submitting the form 
 
} else { 
 
    txt = "You pressed Cancel!"; 
 
} 
 
    alert(txt); //this line of code for test reasons 
 
    } 
 
    else{ 
 
    alert("input fields empty"); 
 
    } 
 
}); 
 

 

 
function validate(){ 
 
    var val = true; 
 
    var teste1 = $("#input1").val(); 
 
    var teste2 = $("#input2").val(); 
 
    if(teste1== "" || teste1 == null){ 
 
     var val = false; 
 
     //some css and jquery to change the input color 
 
    } 
 
    if(teste2 == "" || teste2 == null){ 
 
     var val = false; 
 
     //some css and jquery to change the input color 
 
    } 
 
    return val; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id = "myform" action="test.php" method="post">  
 
<input type = "text" id ="input1" value = ""> 
 
<input type = "text" id ="input2" value = ""> 
 
<button id = "press" type="button">Click Me!</button> 
 
</form>