zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    vue表格多级列表嵌套数据
    HTML5-企业宣传6款免费源码
    HTML5简介及HTML5的发展前景
    30几个HTML5经典动画应用回顾 让你大饱眼福
    2015年必火的五个Html5移动开发工具推荐
    HTML5几种常见的错误写法
    HTML5实现动画三种方式
    简单的圆形图标鼠标hover效果 | CSS3教程
    函数:声明和表达式
    前端工程之模块化
  • 原文地址:https://www.cnblogs.com/xiao9426926/p/6604393.html
Copyright © 2011-2022 走看看