检测输入框内的值是否有效-JS特效-爱易网页

检测输入框内的值是否有效

日期：2014-05-18　浏览次数：20128 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<script>
FormName  = "form" 
CheckName = "check" 
TextName  = "text"

var Condition=new Array(
'a!=""',
'a!=""', 
'a!=""&&a.length>5&&a.indexOf("@")!=-1&&a.indexOf(".")!=-1', //Must be longer than 5 characters, have @, and atleast one '.'
'a.length>7&&!(a.split("/")[0]*1>12)&&!(a.split("/")[1]*1>31)&&!(a.split("/")[2]*1<1900)' //Must be longer than 7 characters, first (two) digit(s) NOT greater than 12, second (two) digit(s) NOT greater than 31 and last 4 greater than 1900
);
function docheck(w) {
eval("a=document." + FormName + "." + TextName + w + ".value");
if (eval(Condition[w])) eval("document." + FormName + "." + CheckName + w + ".checked=true");
else eval("document." + FormName + "." + CheckName + w + ".checked=false");
}
</script>

第二步：把如下代码加入到<body>区域中

<form name=form>
  <div align="center">
    <input type=checkbox name=check0 onClick="return false">
    姓名: 
    <input type=text name=text0 onBlur='docheck("0")'>
    <BR>
    <input type=checkbox name=check1 onClick="return false">
    住址: 
    <input type=text name=text1 onBlur='docheck("1")'>
    <BR>
    <input type=checkbox name=check2 onClick="return false">
    Mail: 
    <input type=text name=text2 onBlur='docheck("2")'>
    <BR>
    <input type=checkbox name=check3 onClick="return false">
    生日: 
    <input type=text name=text3 onBlur='docheck("3")'>
    <BR>
    生日格式：(mm/dd/yyyy)</div>
</form>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

神州电脑中止IPO面前：再被质疑财务造假

电信业营改增今起实施运营商短期利润骤降

微软最后的救命稻草Win 8份额继续上升

在线音乐出现“小米公司”不是没有可能

支付宝全面封杀比特币：充值码淘宝店或遭封禁

凑足了升级ios8所需要的5.7G空间，没料到“苹果”却变成“板砖”，iOS8还能一起愉快玩耍吗？

互联网情色众多 Facebook与9158态度大不同

如家撤离同程内情：祸起反水OTA“联盟”？

互联网金融一周年：余额宝最接地气，比特币最作死

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>