出力を表示する前に確認ダイアログを表示したい

"続行しますか？"のような確認ダイアログボックスを表示したい「はい」の場合、同じページに滞在する場合は「いいえ」を選択すると、フォーム出力を表示するメッセージがポップアップ表示されます。出力を表示する前に確認ダイアログを表示したい

以下に示すコードでは、出力をディスペンスするためにfacto.htmlにナビゲートしていますが、代わりにその内容でポップアップを表示したいとします。どうやってやるの？

マイindex.html：あなたがあることを、おそらくこの1のために戻っJavaScriptに落ちたいとしている

function validateMyForm() 
 
{ 
 
    if(confirm('Are you sure?')) 
 
    return true; // will submit the form 
 
    else 
 
    return false; // do not submit the form 
 
}

<form name="myForm" onsubmit="return validateMyForm();"> 
 
    <input type="submit" value="Submit" /> 
 
</form>

出典

2017-09-20 Narmatha Subramaniam

はこのような何かを試してみてください正直。 LiftのSHtml.makeFormsAjaxヘルパーを使用してフォームをAJAXフォームにすると、SHtml.ajaxSubmitを使用して送信ボタンをバインドできます。 ajaxSubmitに渡すコールバックは、JsCmdを返します。そのJsCmdは、ポップアップの表示をトリガすることができます。 SHtml.idMemoizeを使ってポップアップの内容をレンダリングすることさえできます。

この質問をLift groupでもう少し詳細に説明すると、より具体的な側面のいくつかについてお手伝いしてくれる人がいるでしょう。

出典

2017-09-20 13:19:43

：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Lift From Scratch</title> 
     <script type="text/javascript"> 
     <!-- 
      function getConfirmation(){ 
       var retVal = confirm("Do you want to continue ?"); 
       if(retVal == true){ 
        <!--document.write("continue")--> 
        <!--window.location.href = '/facto.html';--> 
        return true; 
       } 
       else{ 
        alert("Don't continue") 
        <!--window.location.href = 'index.html';--> 
        return false; 
       } 
      } 
     //--> 
     </script> 
    </head> 
    <body> 
    <h1>Finding Factorial</h1> 
    <div id="main" class="lift:surround?with=default&at=content"> 
     <form method="post"> 
      <table> 
       <tr><td> Enter a Number:</td> <td><input name="num" type="number"></td></tr> 
       <tr><td><input type="submit" value="Submit" onclick="getConfirmation();" formaction="facto"></td> 
        <td><input type="reset" value="Reset"></td> 
       </tr> 
      </table> 
     </form> 
     </div> 
    </div> 
    </body> 
</html> 

facto.html: 
<div data-lift="factorial"> 
    <p>Factorial is: <span name="paramname"></span></p> 
</div>

出典

2017-09-25 01:06:00

出力を表示する前に確認ダイアログを表示したい

答えて

関連する問題