<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>reCaptcha Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/angular.min.js"></script>
<script type="text/javascript" src="../js/main-auth.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body ng-app="reCaptchaDemo" ng-controller="AppAuthCtrl">
<div class="container" style="margin-top: 60px">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="page-header">ReCaptcha Demo</h1>
<form style="margin-bottom: 30px" name="formauth" autocomplete="off" novalidate ng-submit="formauth.$valid && sendForm(auth)">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email"
class="form-control"
id="exampleInputEmail1"
placeholder="Email"
required
ng-model="auth.email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password"
class="form-control"
id="exampleInputPassword1"
placeholder="Password"
required
ng-model="auth.password">
</div>
<recaptcha sitekey="6LesprsZAAAAALRJTkkZMyCl0orIWGT2BO1Osi9s"
ng-model="auth.recaptchaResponse">
</recaptcha>
<button type="submit" class="btn btn-default" style="margin-top:30px" ng-disabled="formauth.$invalid">
Submit
</button>
</form>
</div>
</div>
</div>
</body>
</html>
Я создал страницу авторизации, и кнопка submit должна быть активной, когда я заполнил поля, но это не так. Возможно, одна из библиотек не поддерживает этот синтаксис. Все библиотеки доступны при загрузке страницы. Это проверено. Почему?