快捷導(dǎo)航

強(qiáng)效、方便的表單通用檢測(cè)JS 不錯(cuò)

更新時(shí)間：2007年01月10日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>無標(biāo)題文檔</title> <style type="text/css">  </style></head> <body> <table width="80%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC">   <tr>     <td height="100" valign="top" bgcolor="#FFFFFF">JS通用表單Input檢測(cè)塊(IE支持)       通過自定義每一個(gè)Input的六個(gè)新屬性(可省略任意個(gè))       //自定義屬性解釋(IE支持):       //ii_chname：表示該數(shù)據(jù)的中文名稱       //ii_minsize:表示允許輸入的最小長(zhǎng)度,單位字節(jié)       //ii_maxsize：表示允許輸入的最大長(zhǎng)度,單位字節(jié)       //ii_type:限制輸入的數(shù)據(jù)類型，有                   EN(英文),CN(中文),NUM(實(shí)數(shù)),INT(整數(shù)),DATE(短日期),EMAIL(郵件)                   CARD(身份證),URL(網(wǎng)址),IP(IP地址),ID1(英文帳號(hào)),ID2(中英文帳號(hào))       //ii_null：表示輸入值是否允許為空。為yes時(shí)允許為空。     //ii_compare:比交是否與某項(xiàng)(ID)值相同          然后有二種檢測(cè)方式，     一是在Input里直接加入onBlur="verifyInput(this);" 事件，可即時(shí)檢測(cè)提示     二是在Form中onsubmit="return chkFromAll(this);"，提交才檢測(cè)          使用可以直接本頁(yè)內(nèi)script部份另存為Form_Common.js包含就可以用，解決絕大部份表單檢測(cè)     問題，與后臺(tái)編程語言無關(guān)，加快后臺(tái)程序編寫效率，讓你我更專注于后臺(tái)編寫 :)      由于眾所周知的原因，F(xiàn)F等貌似不支持自定義屬性，暫無解決方法(鄙視一下)。要想兼容可以自     寫chkfrom函數(shù)利用document.getElementById('ID')和JS文件內(nèi)函數(shù)來檢測(cè)，也會(huì)加快效率     這只是我的web程序設(shè)計(jì)增效工具(Eff.Studio)的一部份，有朋友需要的話遲點(diǎn)我會(huì)公開由表直接自動(dòng)生成表單工具、自動(dòng)建立后臺(tái)(含增加、列表、編輯、刪除)的Class(因工作需要，暫只做ASP版)     將大大加快設(shè)計(jì)效率~~~支持啦~(支持轉(zhuǎn)載，拷貝不究，懇留作者信息)</td>   </tr> </table>                        <span id="wppm3vysvbp"    class="STYLE1">演示表單：</span>              <form id="form1" name="form1" method="post" action="Demo.html" onsubmit="return chkFromAll(this);">       <table width="80%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">         <tr>           <td width="20%" height="25" align="right" bgcolor="#FFFFFF"><span id="wppm3vysvbp"    class="STYLE1">*</span>注冊(cè)帳號(hào)：</td>           <td bgcolor="#FFFFFF"><label>             <input name="n1" type="text" id="n1" size="20" maxlength="16" onBlur="verifyInput(this);" ii_chname="注冊(cè)帳號(hào)" ii_minsize="4" ii_maxsize="16" ii_type="ID1" ii_null="NO" />           (帳號(hào)只能由英文、數(shù)字和下劃線組成,5-16個(gè)字符)</label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF"><span id="wppm3vysvbp"    class="STYLE1">*</span>登陸密碼：</td>           <td bgcolor="#FFFFFF"><label>             <input name="n2" type="text" id="n2" size="20" maxlength="50" onBlur="verifyInput(this);" ii_chname="登陸密碼" ii_maxsize="50" ii_null="NO" />           </label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF"><span id="wppm3vysvbp"    class="STYLE1">*</span>重復(fù)密碼：</td>           <td bgcolor="#FFFFFF"><label>             <input name="n3" type="text" id="n3" size="20" maxlength="50" onBlur="verifyInput(this);" ii_chname="重復(fù)密碼" ii_maxsize="50" ii_null="NO" ii_compare="n2" />           </label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF"><span id="wppm3vysvbp"    class="STYLE1">*</span>真實(shí)姓名：</td>           <td bgcolor="#FFFFFF"><label>             <input name="n4" type="text" id="n4" size="20" maxlength="50" onBlur="verifyInput(this);" ii_chname="真實(shí)姓名" ii_maxsize="50" ii_type="CN" ii_null="NO" />           (只能為中文)</label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF"><span id="wppm3vysvbp"    class="STYLE1">*</span>聯(lián)系郵件：</td>           <td bgcolor="#FFFFFF"><label>             <input name="mail" type="text" id="mail" size="20" maxlength="50" />           </label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF"><span id="wppm3vysvbp"    class="STYLE1">*</span>聯(lián)系QQ：</td>           <td bgcolor="#FFFFFF"><label>             <input name="n5" type="text" id="n5" size="20" maxlength="50" onBlur="verifyInput(this);" ii_chname="聯(lián)系QQ" ii_maxsize="50" ii_type="NUM" ii_null="NO" />           (只能為數(shù)字)</label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF">聯(lián)系地址：</td>           <td bgcolor="#FFFFFF"><label>             <input name="n6" type="text" id="n6" size="30" maxlength="50"/>           </label></td>         </tr>         <tr>           <td height="25" align="right" bgcolor="#FFFFFF">自我簡(jiǎn)介：</td>           <td bgcolor="#FFFFFF"><label>             <textarea name="n7" cols="50" rows="8" id="n7" onBlur="verifyInput(this);" ii_chname="自我簡(jiǎn)介" ii_maxsize="200"></textarea>           (最多100個(gè)字)</label></td>         </tr>         <tr>           <td height="35" align="right" bgcolor="#FFFFFF"> </td>           <td bgcolor="#FFFFFF"><label>             <input type="submit" name="Submit" value=" 提交 " />             <input type="reset" name="Submit2" value=" 重置 " />           </label></td>         </tr>       </table> </form> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: