码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript确认提交?

时间:2015-04-18 23:40:15      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

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确认提交?

标签:

原文地址:http://www.cnblogs.com/maduar/p/4438364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!