返回列表 发帖

我照着《零点起飞学javascript+jquery》第一章里面敲着,可是显示不了书本那样子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>第二章:JavaScript表单验证</title>
    <script language="javascript">
    <!--
    //是否为数字验证函数
    function isNumber(oNum){
        //oNum变量不存在时,返回false
        if(!oNum){
            return false;
        }
        var strP=/^\d+(\.\d+)?$/;
        //不符合验证标准时,返回false
        if(!strP.test(oNum)){
            return false;
        }
        //使用try...catch语句进行错误处理
        try{
            if(parseFloat(oNum) !=oNum) {
                return false;
            }
        }catch(ex){
            return false;
        }
        return true;
    }
    //表单验证
    function cheForm(){
        //验证姓名
        var myname = document.myform.myname.value;
        if (myname == "") {
            window.alert("姓名不允许空值");
            return false;
        }
        //验证年龄
        var myage = document.myform.myage.value;
        if (!isNumber(myage)) {
            window.alert("年龄必须是阿拉伯数字!");
            return false;
        }
        //验证密码
        var mypassword = document.myform.mypassword.value;
        var mypassword1 = document.myform.mypassword1.value;
        if (mypassword.length != 6) {
            window.alert("密码必须是6位!");
            return false;
        }
        if (mypassword1 != mypassword){
            window.alert("两次输入密码不一致!");
            return false;
        }
    }
    //-->
    </script>
</head>
<body>
    <form name="myform" onsubmit="return cheForm()">
    请输入姓名:<input name="myname" type="text">(不允许空值)</br>
    请输入年龄:<input name="myage" type="text">(必须是阿拉伯数字)</br>
    请输入密码:<input name="mypassword" type="password">(必须是6位)<br>
    填重复密码:<input name="mypassword1" type="password">(和上面要一致)<br>
    填备注说明:<textarea name="myremark"></textarea><br>
    <input name="sub" type="submit" value="提交" >
    <input name="sub" type="reset" value="重置">
    </form>
</body>
</html>
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友

是不是有错误。你可以按F12看错误信息。
在网上购买本书的读者,请给本书发一个好评。谢谢大家。

TOP

返回列表