银行卡 验证

来源:互联网 发布:js数据结构 编辑:程序博客网 时间:2024/04/28 14:02

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <form name="Reservations" method="post" action="asp_mysql.asp" onsubmit=&apos;return check_if_valid()&apos; target=&apos;_blank&apos;>
 <table>
    <tr><td colspan=&apos;2&apos;><span id=&apos;validinfo&apos;>
  </span></td></tr>
   <tr>
            <td colspan="2">
              <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><br>
                Credit Card Information (<font color="#FF0000">* Required</font>)</b></font></p>
              <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FF0000">To
                confirm your reservation please fill in your credit card information.</font></b></font></p>
              <p>&nbsp;</p>
            </td>
          </tr>
          <tr>
            <td width="44%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Card
              Type:<b><font color="#FF0000">*</font></b></font></td>
            <td width="56%"><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
              <select name="Card Type" id=&apos;cardtype&apos;>
    <option value="">-Please Select Card Type-</option>
                <option value="VISA" >VISA</option>
                <option value="MasterCard">MasterCard</option>
                <option value="American Express">American Express</option>
              </select>
              </font></b></td>
          </tr>
          <tr>
            <td width="44%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Card
              Number(no blank):<b><font color="#FF0000">*</font></b></font></td>
            <td width="56%"><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
              <input type="text" name="Card Number" id=&apos;cardnumber&apos;>
              </font></b></td>
          </tr>
          <tr>
            <td width="44%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" onClick="MM_openBrWindow(&apos;https://www.mexxus.com/secure/fclubhotel/ccid.htm&apos;,&apos;&apos;,&apos;width=500,height=500&apos;)"><a href="#">Card
              CCID</a>:</font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FF0000">*</font></b></font></td>
            <td width="56%"><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
              <input type="text" name="CCID" maxlength="5" size="5" id=&apos;ccid&apos;>
              </font></b></td>
          </tr>
          <tr>
            <td width="44%"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Card
              Expiry Date(m/y):<b><font color="#FF0000">*</font></b></font></td>
            <td width="56%"><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
              <input type="text" name="Expiry Month" size="2" maxlength="2" id=&apos;expirymonth&apos;>
              /
              <input type="text" name="Expiry Year" size="2" maxlength="2" id=&apos;expiryyear&apos;>
              </font></b></td>
          </tr>
      <tr>
            <td colspan="2">
              <div align="left">
                <input type="submit" name="Submit Reservation Form" value="Submit Reservation Form">
              </div>
            </td>
          </tr>
    </table>
    </form>
 </BODY>
</HTML>
<script language=&apos;javascript&apos;>
function check_if_valid()
{
 //Card Type and number
 if(document.getElementById(&apos;cardtype&apos;).value=="")
 {
//  alert("null");
  document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please select the Card Type.</font>";
  document.getElementById(&apos;cardtype&apos;).focus();
  return false;
 }
 else
 {
  var type=document.getElementById(&apos;cardtype&apos;).value;
  var value=document.getElementById(&apos;cardnumber&apos;).value;
  if(value!="")
  {
   switch(type)
   {
    case "VISA":
     var valid=/^(?:(?:[4])(?:/d{12}|/d{15}))$/;
     break;
    case "MasterCard":
     var valid=/^(?:(?:[5][1-5])(?:/d{14}))$/;
     break;
    case "American Express":
     var valid=/^(?:(?:[3][4|7])(?:/d{13}))$/;
     break;
   }
   if(!valid.test(value))
   {
    document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input valid Card Number</font>";
    document.getElementById(&apos;cardnumber&apos;).focus();
    return false;
   }
  }
  else
  {
   document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input the Card Number</font>";
   document.getElementById(&apos;cardnumber&apos;).focus();
   return false;
  }
 }

 //ccid
 if(document.getElementById(&apos;ccid&apos;).value=="")
 {
   document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input CCID.</font>";
   document.getElementById(&apos;ccid&apos;).focus();
   return false;
 }
 else
 {
  var value=document.getElementById(&apos;ccid&apos;).value;
  var valid=/^/d{3}$/;
  if(!valid.test(value))
  {
   document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input valid CCID</font>";
   document.getElementById(&apos;ccid&apos;).focus();
   return false;
  }
 }

//month
 if(document.getElementById(&apos;expirymonth&apos;).value=="")
 {
  document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input Card Expiry Date(month)</font>";
  document.getElementById(&apos;expirymonth&apos;).focus();
  return false;
 }
 else
 { 
  var value=document.getElementById(&apos;expirymonth&apos;).value;
  var valid2=/^1[0-2]$/;
  var valid=/^[0]{0,1}[1-9]$/;
  if(!valid.test(value))
  {
   if(!valid2.test(value))
   {
    document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input valid Card Expiry Date(month)</font>";
    document.getElementById(&apos;expirymonth&apos;).focus();
    return false;
   }
  }


 }

//year
 if(document.getElementById(&apos;expiryyear&apos;).value=="")
 {
  document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input Card Expiry Date(year)</font>";
  document.getElementById(&apos;expiryyear&apos;).focus();
  return false;
 }
 else
 { 
  var value=document.getElementById(&apos;expiryyear&apos;).value;
  var valid=/^/d{2}$/;
  if(!valid.test(value))
  {
   document.getElementById(&apos;validinfo&apos;).innerHTML="<font color=&apos;red&apos;>Please input valid Card Expiry Date(year)</font>";
   document.getElementById(&apos;expiryyear&apos;).focus();
   return false;
  }
 }
 return true;
}
</script>