JavaScript 表单验证阻止提交原js

最新推荐文章于 2022-05-10 14:22:47 发布

黑漆#000000

最新推荐文章于 2022-05-10 14:22:47 发布

阅读量527

点赞数

分类专栏： ⇨Web⇦ 文章标签： javascript 表单

本文链接：https://blog.csdn.net/fatong3/article/details/53120172

版权

⇨Web⇦ 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="d.php" οnsubmit="return checksame();">

    <input type="text" id="name" οnblur="username()"><br>

    <input type="password" id="password"><br>

    <input type="password" id="password2" οnblur="pwdss()"><span id="spans"></span><br>

    <input type="submit" class="btn btn-lg btn-success" value='注册'/>

</form>
</body>

<script type="text/javascript">
    //验证姓名
    function username(){
        var usern=document.getElementById("name").value;
        if(usern!=""){
            return true;
        }else{
            return false;
        }
    }
    //两次密码
    function pwdss(){
        var pwd1=document.getElementById("password").value;
        var pwd2=document.getElementById("password2").value;
        if(pwd1!=pwd2){
            // document.getElementById("password").focus;
            document.getElementById("spans").innerHTML="两次输入的密码不一致";
            return false;
        }else{
            return true;
        }
    }
    //提交时 false 验证
    function checksame(){
        if(pwdss()&&username()){
            return true;
        }else{
            return false;
        }
    }
</script>
</html>