JavaScript_11_验证

表单验证：

JavaScript可用来在数据被送往服务器前对HTML表单中的输入数据进行验证

1. 是否填写了必填项目

2. 邮件地址是否合法

。。。

    <form action="submitpage1.htm" onsubmit="return validate_form1(this)" method="post">
        Email: <input type="text" name="email" size="30" />
        <input type="submit" value="Submit" />
    </form>
    <script>
        //验证用户是否已填写表单中的必填（或必选）项目
        function validate_form1(thisform)
        {
            with(thisform)
            {
                if(validate_required(email,"Email must be filled out!")==false)
                {
                    email.focus();
                    return false;
                }
            }
        }
        function validate_required(filed,alerttxt)
        {
            with(filed)
            {
                if(value==null||value=="")
                {
                    alert(alerttxt);
                    return false;
                }
                else
                {
                    return true;
                }
            }
        }
    </script>

 

<form action="submitpage2.htm" onsubmit="return validate_form2(this);" method="post">
        Email: <input type="text" name="email" size="30">
        <input type="submit" value="Submit">
    </form>
    <script>
        //输入的数据是否符合电子邮件地址的基本语法。
        //输入的数据必须包含@符号和(.)。同时，@不可以是邮件地址的首字符，并且@之后需有至少一个点好：

        function validate_email(field, alerttxt) {
            with (field) {
                apos = value.indexOf("@")
                dotpos = value.lastIndexOf(".")
                if (apos < 1 || dotpos - apos < 2)
                { alert(alerttxt); return false }
                else { return true }
            }
        }

        function validate_form2(thisform) {
            with (thisform) {
                if (validate_email(email, "Not a valid e-mail address!") == false)
                { email.focus(); return false }
            }
        }

    </script>