angular.js - form 表單,點選提交按鈕 判斷ng-checked 已選中
给我你的怀抱
给我你的怀抱 2017-05-15 17:04:01
0
1
668

點擊提交按鈕,若沒有選中,則提示沒有勾選
下面是代碼

<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:;" id="protocol"  data-toggle="modal" data-target="#myModal">《用户注册协议》</a>
        <span ng-messages="checkForm.checkbox.$error.choose" role="alert">
            <span class="error_text" ng-message="choose" style="color: #ff0000;">请勾选协议!</span>
        </span>
    </p>
</p>
if($scope.checkForm.checkbox){
    alert(" 请同意并勾选!");
}

如果沒有勾選我已閱讀並同意,點擊註冊後,應提示需要勾選。

求指點,謝謝。 。 。

给我你的怀抱
给我你的怀抱

全部回覆(1)
phpcn_u1582
<input type="checkbox" ng-model="checkTest" />
<span ng-show="!checkbox" role="alert">
        <span class="error_text" style="color: #ff0000;">请勾选协议!</span>
</span>

在controller中判斷$scope.checkTest是不是true就可以了,不是就提示,是就提交。這樣寫,不需要其他判斷!可以在controller初始化的時候讓提示訊息先隱藏。
孩子,框架只是為了讓我們開發方便,沒必要所有的東西都用框架的,寫代碼還是簡單易懂可讀為主!

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!