php基础教程:表单验证 时间格式验证

栏目: 编程语言 发布于: 2014-05-21 09:02:59

php基础教程:表单验证 时间格式验证

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>验证时间的输入格式</title>
<style type="text/css">
<!--
.style1 {font-size: 13px}
.style2 {font-size: 12px;
    color: #FF0000;
}
.style3 {font-size: 12px}
-->
</style>
</head>
<script language="javascript">
    function check(data){
    var data=form1.data.value;
    if(data.substr(2,1)!=":" || data.substr(5,1)!=":"){
       alert("您输入的时间不合法!!");
        return false;
}
  var checkdata=data.match(/^(\d{2})(:)?(\d{2})\2(\d{2})$/)
  if(checkdata==null)
    {
       alert("请输入正确的时间,谢谢!!");
       return false;
    }
  if(checkdata[1]>24||checkdata[3]>60||checkdata[4]>60)
    {
       alert("您输入的时间不合法!!");
       return false;
    }
   return true;
}
</script>
<body>
<table width="450" border="1" cellpadding="0" cellspacing="0">
  <form name="form1" method="post" action="">
    <tr align="center">
      <td height="24" colspan="2" class="style1">验证时间的输入格式</td>
    </tr>
    <tr>
      <td width="100" height="20" align="center" class="style1">用户名:</td>
      <td width="344" class="style3">
          <input name="user" type="text" id="user" size="20" maxlength="50">
          <span class="style2">用户名长度限制为0-30字节</span></td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">密码:</td>
      <td class="style3"><input name="pass" type="password" id="pass" size="20" maxlength="50">
      </td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">密码确认:</td>
      <td class="style3">
         <input name="remainpass" type="text" id="remainpass" size="20" maxlength="50">
      </td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">性别:</td>
      <td><span class="style3">
        <input name="sex" type="radio" value="女 " checked>女
        <input type="radio" name="sex" value="男">男</span>
      </td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">登录时间:</td>
      <td class="style3"><input name="data" type="text" id="data" size="25" maxlength="50">
          <span class="style2">* 请输入正确的登录时间,格式为00:00:00.</span></td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">真实姓名:</td>
      <td class="style3">
         <input name="true_name" type="text" id="true_name" size="20" maxlength="50">
      </td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">联系电话</td>
      <td class="style3"><input name="tel" type="text" id="tel" size="20" maxlength="50"></td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">身份证号码:</td>
      <td class="style3">
         <input name="ID card" type="text" id="ID card" size="25" maxlength="60">
      </td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">个人空间:</td>
      <td class="style3"><input name="www" type="text" id="www" size="20" maxlength="70"></td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">E_mail:</td>
      <td class="style3"><input name="e_mail" type="text" id="e_mail2" size="25" maxlength="60"></td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">邮政编码:</td>
      <td class="style3">
          <input name="postalcode" type="text" id="postalcode" size="20" maxlength="50">
      </td>
    </tr>
    <tr>
      <td height="20" align="center" class="style1">联系地址:</td>
      <td class="style3"><input name="address" type="text" id="address" size="35" maxlength="100"></td>
    </tr>
    <tr>
      <td height="24" align="center">&nbsp;</td>
      <td class="style3"><input type="submit" name="Submit" value="提交" onClick="check();">
          <span class="style2"> (*为必填项目)</span>
          <input type="reset" name="Submit2" value="重置">
      </td>
    </tr>
  </form>
</table>
</body>
</html> 
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.php230.com]
本文标题:php基础教程:表单验证 时间格式验证
IT技术书籍推荐:
深入理解MySQL核心技术
深入理解MySQL核心技术
Sasba Pacbev (作者), 李芳 (译者), 于红芸 (译者), 邵健 (译者)
《深入理解MySQL核心技术》:从公共可用性的意义上讲,MySQL源代码是开放源代码,但如果对其不了解,则实质上,它对于您来说是封闭的。MysQL开发团队的前成员Sasha Pachev通过《深入理解MySQL核心技术》给出了MySQL 5的全面指南,揭示了这一强大数据库的内部运作。您将直奔MySQL核心技术,了解各种数据结构和各种方便的功能的运作情况,了解如何添加新的存储引擎和配置选项等。 《深入理解MySQL核心技术》从结构概况讲起,在这一部分解释了MysQL的不同组件是如何协同工作的。接着将学习设置有效的可编译代码副本的步骤,然后使用基本架构添加自己的配置变量和存储引擎。
最新互联网资讯