⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 demo_done.htm

📁 用于自动生成javascirpt（类似.net中的验证控件）
💻 HTM
字号:
🔍 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>UserName and Password</title>
</head>

<body>

<form name="form1" method="Post">
  <table WIDTH="722" BORDER="1" CELLSPACING="1" CELLPADDING="1" class="v10bk">
    <tr>
      <td colspan="2" class="v10bk" bgcolor="#000000" width="732">
      <font color="#FFFFFF">UserName and Password</font></td>
    </tr>
    <tr>
      <td colspan="2" class="v10bk" bgcolor="#FFFFFF" width="732">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
        <tr>
          <td width="26%">UserName</td>
          <td width="74%"><input type="text" name="UserName" size="20"></td>
        </tr>
        <tr>
          <td width="26%">Password</td>
          <td width="74%"><input type="password" name="Password1" size="20"></td>
        </tr>
        <tr>
          <td width="26%">Validate Password</td>
          <td width="74%"><input type="password" name="Password2" size="20"></td>
        </tr>
      </table>

      </td>
    </tr>
    <tr>
      <td colspan="2" class="v10bk" bgcolor="#000000" width="732">
      <font color="#FFFFFF">Privilege Status</font></td>
    </tr>
    <tr>
      <td align="left" width="169">Status: </td>
      <td align="left" width="432">
      <select name="lstStatusDateM" style="WIDTH: 62px" class="v10bk">
      <option value="01">Jan.</option>
      <option value="02">Feb.</option>
      <option value="03">Mar.</option>
      <option value="04">Apr.</option>
      <option value="05">May</option>
      <option value="06">Jun</option>
      <option value="07">Jul.</option>
      <option value="08">Aug.</option>
      <option value="09">Sep</option>
      <option value="10">Oct.</option>
      <option value="11">Nov.</option>
      <option value="12">Dec.</option>
      </select> / 
      <select name="lstStatusDateD" style="WIDTH: 62px" class="v10bk">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
      <option value="17">17</option>
      <option value="18">18</option>
      <option value="19">19</option>
      <option value="20">20</option>
      <option value="21">21</option>
      <option value="22">22</option>
      <option value="23">23</option>
      <option value="24">24</option>
      <option value="25">25</option>
      <option value="26">26</option>
      <option value="27">27</option>
      <option value="28">28</option>
      <option value="29">29</option>
      <option value="30">30</option>
      <option value="31">31</option>
      </select> /
      <input name="lstStatusDateY" class="v10bk" size="4" maxlength="4" value> (Date)&nbsp;
      </td>
    </tr>
    <tr>
      <td align="left" width="169">Comments: </td>
      <td align="left" width="432">
      <textarea rows="8" cols="100" name="txtComments" class="v10bk"> </textarea>
      </td>
    </tr>
    <tr>
      <td colspan="2" class="v10bk" bgcolor="#000000" width="732">
      <font color="#FFFFFF">Monitoring Status</font></td>
    </tr>
    <tr>
      <td align="left" width="169">
      <input type="radio" name="radMonitoringStatus" value="Monitored" checked>Monitored
      <br>
      <input type="radio" name="radMonitoringStatus" value="Not Monitored">Not Monitored
      </td>
      <td align="left" width="558">
      <table WIDTH="100%" BORDER="0" CELLSPACING="1" CELLPADDING="1" class="v10bk">
        <tr>
          <td width="450">From Date:</td>
          <td width="450">
          <select name="lstMFromM" style="WIDTH: 62px" class="v10bk">
          <option value="01">Jan.</option>
          <option value="02">Feb.</option>
          <option value="03">Mar.</option>
          <option value="04">Apr.</option>
          <option value="05">May</option>
          <option value="06">Jun</option>
          <option value="07">Jul.</option>
          <option value="08">Aug.</option>
          <option value="09">Sep</option>
          <option value="10">Oct.</option>
          <option value="11">Nov.</option>
          <option value="12">Dec.</option>
          </select> /
          <select name="lstMFromD" style="WIDTH: 62px" class="v10bk">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
          </select> /
          <input type="text" name="lstMFromY" class="v10bk" size="4" maxlength="4">
          </td>
        </tr>
        <tr>
          <td width="450">To Date:</td>
          <td width="450">
          <select name="lstMToM" style="WIDTH: 62px" class="v10bk">
          <option value="01">Jan.</option>
          <option value="02">Feb.</option>
          <option value="03">Mar.</option>
          <option value="04">Apr.</option>
          <option value="05">May</option>
          <option value="06">Jun</option>
          <option value="07">Jul.</option>
          <option value="08">Aug.</option>
          <option value="09">Sep</option>
          <option value="10">Oct.</option>
          <option value="11">Nov.</option>
          <option value="12">Dec.</option>
          </select> / <select name="lstMToD" style="WIDTH: 62px" class="v10bk">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
          </select> /
          <input type="text" name="lstMToY" class="v10bk" value size="4" maxlength="4">
          </td>
        </tr>
        <tr>
          <td colspan="2" width="450">
          <textarea rows="8" cols="100" name="txtMonitorComments" class="v10bk"> </textarea>
          <br>
          [Less than 1000 characters] </td>
        </tr>
      </table>
      </td></tr>
      <tr><td colspan="2"><center>  <input type=submit value="Submit" onclick="return Auto_Check();"> </center></td></tr>
      
  </table>

</form>

</body>

<SCRIPT LANGUAGE=javascript>
<!--
  /****** Auto Check Form Script    kexd@neusoft.com  **********/ 
  // Add those to your html Form code: 
  //    <input type=submit value="Submit" onclick="return Auto_Check();"> 
  /***********************************************************/ 
 
function Auto_IsDate1AfterThanDate2(year1,month1,day1,year2,month2,day2){
   var iFrom=Date.parse(month1+"-"+day1+"-"+year1);
   var iTo=Date.parse(month2+"-"+day2+"-"+year2);
   if(iFrom>iTo)
     return true;
   else
     return false;
}

function Auto_IsDate(year,month,day){  

   if( (!Auto_IsInteger(year))||(year.length!=4))
      return false;
   if( (!Auto_IsInteger(month))||(month>12)||(month<1) )
      return false;
   if( (!Auto_IsInteger(day))||(day>31)||(day<1) )
      return false;     

   var myDate=new Date();
   myDate.setFullYear(year,month-1,day);   


   if (isNaN(myDate.getFullYear())){
      return false;
   }
   else{
      if( (myDate.getFullYear()!=year)||(myDate.getDate()!=day)||(myDate.getMonth()!=(month-1).toString()) )
        return false;  
   }  
   return true; 
}

function Auto_IsInteger(s)  
{
   var JudgeStr=s.toString();
   for (var i=0;i<JudgeStr.length;i++)	{
   	var oneChar=JudgeStr.charAt(i);
	  if (oneChar<"0" || oneChar >"9"){
	      return false;
   	} 
   }
   return true;
}

function Auto_IsFloat(s)  
{
   if(s=="null"||s=="undefined"||s.length<1)
      return false;
   if(isNaN(parseFloat(s)))
      return false;
   else
   if((parseFloat(s)+"").length!=s.length)
      return false;
   else
      return true;
}
function Auto_IsEmail(email) 
{
	if (email.length != 0) 
	{
		if (email.charAt(0) == "." || email.charAt(0) == "@" || email.indexOf('@', 0) == -1 || email.indexOf('.', 0) == -1 || email.indexOf('.@', 0) != -1 || email.indexOf('@.', 0) != -1 || email.indexOf('..', 0) != -1 || email.lastIndexOf("@") != email.indexOf("@") || email.lastIndexOf("@") == email.length-1 || email.lastIndexOf(".") == email.length-1) {
		return(false);
		}
	} 
	else 
	{
		return(false);
	}
	return(true);
}
   
   
  
function Auto_Check(){
 if(!Auto_IsDate(document.form1.lstMToY.value,document.form1.lstMToM.value,document.form1.lstMToD.value)) {
    alert ("Monitor to Date must be a Datetime, and after from one");
    document.form1.lstMToY.focus(); 
    return false; }
 if(!Auto_IsDate(document.form1.lstMFromY.value,document.form1.lstMFromM.value,document.form1.lstMFromD.value)) {
    alert ("Monitor From Date must be a Datetime");
    document.form1.lstMFromY.focus(); 
    return false; }
 if(!Auto_IsDate(document.form1.lstStatusDateY.value,document.form1.lstStatusDateM.value,document.form1.lstStatusDateD.value)) {
    alert ("StatusDate must be a Datetime");
    document.form1.lstStatusDateY.focus(); 
    return false; }
 if(document.form1.Password2.value!=document.form1.Password1.value) {
    alert ("Validate Password must equal to Password");
    document.form1.Password2.focus(); 
    return false; }
 if(document.form1.Password1.value=="") {
    alert ("Password must at less have 5 chars");
    document.form1.Password1.focus(); 
    return false; }
 if(document.form1.UserName.value=="") {
    alert ("UserName can not be blank");
    document.form1.UserName.focus(); 
    return false; }
 if(document.form1.txtMonitorComments.value.length>1000) {
    alert ("Monitor Comments must less than 1000");
    document.form1.txtMonitorComments.focus(); 
    return false; }
 if(document.form1.txtComments.value.length>1000) {
    alert ("Comment's length  must less than 1000");
    document.form1.txtComments.focus(); 
    return false; }
 if(document.form1.Password1.value.length<5) {
    alert ("Password must at less have 5 chars");
    document.form1.Password1.focus(); 
    return false; }
 if(!Auto_IsDate1AfterThanDate2 (document.form1.lstMFromY.value,document.form1.lstMFromM.value,document.form1.lstMFromD.value,document.form1.lstMFromY.value,document.form1.lstMFromM.value,document.form1.lstMFromD.value)) {
    alert ("Monitor to Date must be a Datetime, and after from one");
    document.form1.lstMFromY.focus(); 
    return false; }    
return(true);
}
//-->
</SCRIPT>





</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -