Angular form表單失去焦點校驗

2021-07-22 06:11:34 字數 3163 閱讀 9775

之前做了乙個angualrjs form表單自動校驗，同事說使用者體驗很差，一輸入就是錯誤，都不想註冊了。。幾番查資料修改後 。。。之前的**就不看了，直接看修改後的----> 



html>


<head>


<meta charset="utf-8">


<title>


<link rel="stylesheet" href="css/bootstrap.css"/>


<style>input


.form-control-feedback


.text-error


.submit#findpassword


<script src="js/lib/jquery-2.2.0.min.js">


<script src="js/lib/md5-min.js">


<script src="js/lib/angular.js">


<div class="modal" id="findpassword" role="dialog" aria-labelledby="findpassword">


<div class="modal-dialog">


<div class="modal-content">


<div class="modal-header">


<h3>重設密碼


<div class="modal-body">


<form name="findpasswords" ng-submit="formsubmit(!findpasswords.password.$error.passwords && !findpasswords.passwordagain.$error.pwmatch)" novalidate>


<div class="form-group">


<span ng-show="findpasswords.password.$error.passwords" class="text-error">


密碼格式不正確


<span ng-show="findpasswords.passwordagain.$error.pwmatch && !findpasswords.password.$error.passwords" class="text-error">


兩次密碼輸入不一致


<div class="form-group has-feedback">


<span class="glyphicon glyphicon-lock form-control-feedback">


<input type="password" class="form-control" name="password" id="userpassword" ng-model="user.password" placeholder="6-16個字元（英文本母或數字，區分大小寫）" check-email-on-blur required/>


<div class="form-group has-feedback">


<span class="glyphicon glyphicon-lock form-control-feedback">


<input type="password" class="form-control" name="passwordagain" ng-model="user.passwordagain" pw-check="userpassword" placeholder="再次輸入新密碼" required/>


<div class="form-group">


<input type="submit" ng-click="allowvalidation()" class="form-control btn btn-primary submit" value="註冊"/>


<script>


(function() ;




$scope.formsubmit=function(isvalid) );


scope.$on('kickoffvalidations',dovalidation);function dovalidation()else}}


}}]);
//校驗密碼格式var password_regx= /^\d$|^(?!\d+$)[0-9a-z]$/;return);


scope.$on('kickoffvalidations',dovalidation);function dovalidation()else}}


};});


})();

阻止表單元素失去焦點

有乙個文字框 該文字框並且繫結了事件 window.onload function 那麼預設情況下點選abc這個文字框之外的元素都會使其觸發blur事件 如果在元素上新增如下屬性並且值為on就不會讓之前獲得焦點的任何元素失去焦點 span unselectable on no blur span s...

失去健康代表失去一切

網路摘錄 失去健康一切歸零！平安是福 上帝想聽相聲了，把侯耀文帶走了 上帝想看小品了，把高秀敏帶走了 上帝想看電影了，把傅彪帶走了 上帝想聽新聞聯播了，把羅京帶走了 上帝想聽 了，把梅艷芳帶走了 上帝想用蘋果手機了，把賈伯斯帶走了 上帝想找人經營公司了，把王君瑤帶走了 這些人走的時候都跟上帝說 我還...

mysql 失去焦點 怎麼讓input不失去焦點

對於chrome等現代瀏覽器的思路 就是當input focus的時候，對document監聽mousedown事件，然後判斷mousedown的事件焦點是不是你不想讓input失去焦點的那個元素，是的話就阻止預設事件，下面摘取一段 對於ie6,7,8瀏覽器 也是同樣的思路，但是阻止預設事件沒有用，...