onsubmit="return check() 給form加onsubmit 驗證所有表單後再提交,可以用返回false 來阻止submit提交

onsubmit="return check() 給form加onsubmit 驗證所有表單後再提交,可以用返回false 來阻止submit提交

<form class="form-horizontal form-signin" role="form" onsubmit="return  checksame();">
        <div class="form-group">
            <label class="col-sm-2 control-label">用戶名:</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="" placeholder="用戶名" required=''>
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" name="password" class="col-sm-2 control-label">密碼:</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="password" placeholder="請輸入密碼" required=''>
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">密碼:</label>
            <div class="col-sm-10">
                <input type="password" name="password2" class="form-control" id="password2" placeholder="請再輸入密碼" required=''>
            </div>
        </div>
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Email:</label>
            <div class="col-sm-10">
                <input type="email" class="form-control" id="" placeholder="[email protected]" required=''>
            </div>
        </div>
<!--         <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"> 記住登錄狀態
                    </label>
                </div>
            </div>
        </div> -->
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">驗證碼:</label>
            <div class="col-md-2">
                <script type="text/javascript">
                function fleshVerifys(){
                    var time=new Date().getTime();
                    document.getElementById('verifyImg').src='<{:U('Index/verify')}>&'+time;
                }

                function checksame(){
                    var pwd1=document.getElementById("password").value;
                    var pwd2=document.getElementById("password2").value;
                    if(pwd1!=pwd2){
                        alert("兩次輸入的密碼不一致!");
                        document.getElementById("password").focus;
                        return false;
                        
                    }else{
                        return true;
                    }
                }
                </script>

                <img id="verifyImg" src="<{:U('Index/verify')}>" onclick="fleshVerifys();" />
            </div>
            <div class="col-md-8">
                <input type="text" class="form-control" id="" placeholder="請輸入驗證碼" required=''>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="submit" class="btn btn-lg btn-success" value='注 冊'/>
            </div>
        </div>
    </form>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章