當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript确认提交?
生活随笔
收集整理的這篇文章主要介紹了
JavaScript确认提交?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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>?
轉載于:https://www.cnblogs.com/maduar/p/4438364.html
總結
以上是生活随笔為你收集整理的JavaScript确认提交?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Pow(x, n)
- 下一篇: {面试题2: 实现 Singleton