проверить чекбокс перед отправкой формы?

Question

У меня есть форма регистрации с именем пользователя, адресом электронной почты и паролем, а также согласен с условиями и правилами.

Проблема в том, что я проверял все другие типы ввода в следующих вариантах, но, похоже, не работает с флажком.

Я просто хочу предупредить пользователя о необходимости согласования политики перед отправкой формы, но это выглядит как огромный камень, пожалуйста, помогите мне, ребята. Благодаря!

<form ng-submit="form(signup.$valid)" name="signup"> 
<input type="checkbox" name="checkPolicy" required> Agree the <a href="#">terms and policy</a><p ng-show="signupForm.checkPolicy.$error.required && !signupForm.checkPolicy.$pristine" class="help-block">You must agree to our terms and policies.</p> 
<button type="submit">Signup</button> 
</form> 

Answer 1

Это мое мнение, что это более интуитивно понятно для вас, так и пользователя, что ваша кнопка «Регистрация» остается заблокированной, пока требуемый флажок не установлен.

Угловые делает это очень легко с ng-disabled:

<form ng-submit="form(signup.$valid)" name="signup"> 
    <input type="checkbox" name="checkPolicy" ng-model="checkAgree"> Agree the <a href="#">terms and policy</a><p ng-show="signupForm.checkPolicy.$error.required && !signupForm.checkPolicy.$pristine" class="help-block">You must agree to our terms and policies.</p> 
    <button type="submit" ng-disabled="!checkAgree">Signup</button> 
</form> 

Bonus скрипка: http://jsfiddle.net/4ntwrc7c/

Если вы хотите идти validate маршрут с атрибутом required, просто добавьте ng-model к введенному флажку.

<form ng-submit="form(signup.$valid)" name="signup"> 
    <input type="checkbox" name="checkPolicy" ng-model="checkAgree" required> 
    Agree the <a href="#">terms and policy</a> 
    <p ng-show="signupForm.checkPolicy.$error.required && !signupForm.checkPolicy.$pristine" class="help-block">You must agree to our terms and policies.</p><br> 
    <button type="submit">Signup</button> 
</form> 

Смотрите здесь: http://jsfiddle.net/4ntwrc7c/1/