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>