confirm用法和例子

qsrock

浏览: 417383 次
性别:
来自: 广州

最近访客更多访客>>

痞夫balabala

sunny4396

bayuan0414

孙邵聪

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

一般用于弹出对话框（确定／否）
确定：就执行其嵌套的内容；否：则反之

无论确定还是否它都会往下继续执行，除非其嵌套的内容执行了return

confirm('真的要删除吗？删除后将无法恢复！')｛
……
｝

例子:

<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="generator" content="Bluefish 1.0.7">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
  table{color: #000000; font-family: 宋体; font-size: 12px; height:12 }
  t1{color:#008000;align:center}
</style>
<script language="javascript">
//验证时间格式  YYYY-MM-DD/YYYY,MM,DD
function isDate(date){
	var regu = "^[0-9]{4}-([0-1]?)[0-9]{1}-([0-3]?)[0-9]{1}$";
	var re   = new RegExp(regu);
	if (date.search(re) != -1)
		return true;
	else
		return false;
} 
function sureButton(){
   if(!confirm('真的要删除吗？删除后将无法恢复！')){
       return;
   }
   //验证时间格式  YYYY-MM-DD

       var startDate=document.getElementById("startDate").value;
       var endDate=document.getElementById("endDate").value; 
       if(!isDate(startDate)){
                
             alert(startDate+"请输入正确的开始日期格式!如:(YYYY-MM-DD)2008-01-01");
             return document.getElementById("startDate").focus();
       }
       if(!isDate(endDate)){
             alert("请输入正确的结束日期格式!如:(YYYY-MM-DD)2008-01-01");
             return document.getElementById("endDate").focus();
       }
  		 if(startDate==""){
   	alert("请输入开始日期");
   	return document.getElementById("startDate").focus();
   }
   if(endDate==""){
   	alert("请输入结束日期");
   	return document.getElementById("endDate").focus();
   } 
   startDate=startDate.replace(new RegExp('-', 'g'),'/');
   alert(startDate);
   endDate=endDate.replace(new RegExp('-', 'g'),'/');
   var startTime=new Date(startDate).getTime();
   alert(new Date(startDate).getTime());
   var endTime=new Date(endDate).getTime();
   if((endTime-startTime)<0){
   	alert("结束日期必须大于开始日期");
		return document.getElementById("endDate").focus();
   }   
   
   
}
</script>
</head>

<body topmargin="0" leftmargin="0">

<div align="left">
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="461" height="8" id="AutoNumber1" background="images/kabg.gif">
 
	<tr>
	  <td  colspan="3">
      <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="17">
          <tr>
	   <td width="19%" height="25" align="center" style="border:1px solid #000080;"><font color="#008000">开始日期</font></td>
	   <td width="31%" style="border:1px solid #000080;">&nbsp;
              <input name="startDate" type="text" id="startDate" size="15"></td>
	   <td width="22%" align="center" style="border:1px solid #000080;"><font color="#008000">结束日期</font></td>
	   <td width="28%" style="border:1px solid #000080;">&nbsp;
              <input name="endDate" type="text" id="endDate" size="15"></td>
	   </tr>
	   </table>
	   </td>
	</tr>

    <tr>
      <td height="28" align="center" style="border:1px solid #000080; " colspan="3">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" height="17">
        <tr>
          <td width="14%" align="center" height="25">
      <font color="#008000">当前状态</font></td>
          <td width="18%" align="center" height="25">
      <select size="1" name="display">
      <option value="0">无效</option>
      <option value="1">等待</option>
      <option value="2" selected>显示中</option>
      </select></td>
          <td width="15%" align="center" height="25" style="border-left: 1px solid #000080; border-right-width: 1; border-top-width: 1; border-bottom-width: 1">
          <font color="#008000">Logo行宽</font></td>
          <td width="10%" align="center" height="25">
      <select size="1" name="colValue">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      </select></td>
	   <td width="12%" align="center" style="border-left: 1px solid #000080; border-right-width: 1; border-top-width: 1; border-bottom-width: 1"><font color="#008000">显示顺序</font></td>
	   <td width="5%" >&nbsp;
              <input name="displayOrder" type="text" id="displayOrder" size="3" value="1">
     </td>
          <td width="43%" align="center" height="25" style="border-left-style: solid; border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-width: 1">
      <input onclick="cancelButton()" type="reset" value="关闭" name="B2" style="border-style: outset; border-width: 1; color:#0000FF">&nbsp;
      <input onclick="sureButton()" type="submit" value="确定" name="B1" style="border-style: outset; border-width: 1; color:#0000FF"></td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td height="20" colspan="3" align="center" style="border:1px solid #000080; ">
      <marquee behavior="slide" style="color: #808080">::日期格式为年-月-日,直接填入图片和点击路径全名时应仔细查对是否正确::</marquee></td>
    </tr>
  </table>
</div>

</body>

</html>

分享到：

弹出窗口页面和其父页面的交互window.showM ... | 要总结过去

2007-12-25 14:57
浏览 4090
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

confirm用法和例子

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

confirm用法和例子

评论

发表评论

相关推荐

javascript url 传递参数中文乱码问题解决方案

javascript创建节点div时，设置float属性不能生效

关于javascript的Array对象

javascript离开当前页面就出发事件

用javascript向多选框添加监听事件！

(网页一开始就加载)用JS弹出网页对话框后，后面那一层变灰，变成不可操做。

替代全角和半角括号的方法示例

javascript中的各种输入限制

有关层定位、显示、隐藏的例子

想把某些内容固定在某些地方总是显示当前页面上

css细线表格

jquery手记

css细线表格

用JS弹出网页对话框后，后面那一层变灰，变成不可操做。

javascript+CSS下拉菜单演示

javascript 显示剩余的时间

javascript屏蔽按健

javascript时间差

window.open() 父子页面的传参&传值问题

firefox并不支持selectSingleNode和selectNodes的解决方法

最近访客更多访客>>