JavaScript确认提交？

最新推荐文章于 2024-11-04 16:17:23 发布

weixin_30483697

最新推荐文章于 2024-11-04 16:17:23 发布

阅读量132

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/maduar/p/4438364.html

版权

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>