html js数据校检

最新推荐文章于 2023-08-06 21:13:33 发布

转载最新推荐文章于 2023-08-06 21:13:33 发布 · 284 阅读

html 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单表单验证脚本，该脚本检查电子邮件地址是否包含'@'符号，并验证电话号码格式是否符合预设的正则表达式模式。通过这个脚本，可以确保用户输入的数据格式正确，提高数据处理的准确性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
    <head>
        <script type="text/javascript">
            function on_click(){
                var email = document.getElementById("input1").value.trim();
                var telph = document.getElementById("input2").value.trim();
        
                if(email == "" ||telph == ""){
                    alert("The email or telph is blank!!!");
                    return false;
                }
                
                if (email.indexOf("@") == -1){
                    alert("an @ is not in an email !!!");
                    return false;
                }
                
                var re = /^([0-9]{3}-)?[0-9]{3}-[0-9]{4}$/;
                if (re.test(telph) == false){
                    alert("telph number is not match xxx-xxxx or xxx-xxx-xxxx")
                    return false;
                }
                
                alert("ok, email:" + email + ", telephone:" + telph);
                return true;
            }
        </script>
    </head>
    
    <body>
        email: <input id = "input1"> </input> <br>    <!--必须有@-->
        telph: <input id = "input2"> </input> <br>    <!--必须满足xxx-xxxx or xxx-xxx-xxxx-->
        <button type="button" onclick=on_click()>test</button>
    </body>
</html>