標籤:
1.初始狀態
2.點擊確認
3.輸入數字,點擊確認
4.點擊提交
5.點擊取消
6.點擊提交,然後點擊確認
1 <html> 2 <head> 3 </head> 4 <body> 5 <form> 6 使用者名稱:<input type="text" value="haha" id="texttig" /> 7 <span id="spantig">22</span><br/> 8 <input type="button" value="確認" id ="btn" onclick="one()" ondbclick =""> 9 </form>10 </body>11 12 13 <script>14 function one(){15 var spantig = document.getElementById("spantig");//擷取span標籤16 var value = document.getElementById("texttig").value;//擷取text的值17 var btn = document.getElementById("btn");//擷取按鈕18 //如果按鈕的值為提交,執行if語句19 if(btn.value == "提交"){20 tig();//調用tig函數21 }22 if(isNaN(value)){//判斷text的值時候不是數字23 spantig.innerHTML="必須輸入數字";//不是數字,改變span的內容24 } 25 else{26 spantig.innerHTML= "追加的保證金是 : "+parseInt(value)*100+"元";//text的值為數字,改變span的內容27 btn.value="提交";//改變按鈕的值為“提交”28 }29 } 30 31 function tig (){32 var aaa = confirm("確認提交?");//彈出“確認提交”和取消按鈕33 if(aaa == true){//如果點擊確認,跳轉頁面34 window.location.href ="a.html";35 }else{//點擊取消,彈出語句36 alert("not good");37 }38 39 }40 </script>41 </html>
JavaScript確認提交?