angular.js - form 表單,點(diǎn)擊提交按鈕 判斷ng-checked 已選中
問(wèn)題描述
點(diǎn)擊提交按鈕,若沒(méi)有選中,則提示沒(méi)有勾選下面是代碼
<p class='form-group check_protocol'> <p class='col-sm-12 text-center'><input type='checkbox' ng-checked='choose'name='checkbox'required='required'>我已閱讀并同意<a href='javascript:;' data-toggle='modal' data-target='#myModal'>《用戶注冊(cè)協(xié)議》</a><span ng-messages='checkForm.checkbox.$error.choose' role='alert'> <span ng-message='choose' style='color: #ff0000;'>請(qǐng)勾選協(xié)議!</span></span> </p></p>
if($scope.checkForm.checkbox){ alert(' 請(qǐng)同意并勾選!');}
如果沒(méi)有勾選我已閱讀并同意,點(diǎn)擊注冊(cè)后,應(yīng)提示需要勾選。
求指點(diǎn),謝謝。。。
問(wèn)題解答
回答1:<input type='checkbox' ng-model='checkTest' /><span ng-show='!checkbox' role='alert'><span style='color: #ff0000;'>請(qǐng)勾選協(xié)議!</span></span>
在controller中判斷$scope.checkTest是不是true就可以了,不是就提示,是就提交。這樣寫(xiě),不需要其他判斷!可以在controller初始化的時(shí)候讓提示信息先隱藏。孩子,框架只是為了讓我們開(kāi)發(fā)方便,沒(méi)必要所有的東西都用框架的,寫(xiě)代碼還是簡(jiǎn)便易懂可讀為主!
