您的位置：首页 > Web前端 > JavaScript

JavaScript 表单验证阻止提交原js

2016-11-10 19:55 441 查看

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>



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

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

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

    <input type="password" id="password2" onblur="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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 表单

相关文章推荐

新的分享

章节导航

JavaScript 表单验证阻止提交 原js

JavaScript 表单验证阻止提交原js