Question

密钥的

验证工作正常，但点击提交按钮它无法正常工作。当我点击提交时，虽然重定向到其他页面，但它没有验证。

<script>
            angular.module("MyApp", [])

           .controller('loginCtrl', ['$scope', '$log', function ($scope, $log) {


            }]);
        </script>


<div id="loginBox" ng-controller="loginCtrl"> 
<form action="/" id="userLogin" name="myForm" novalidate> 
<label>User id</label> 
<input type="text" ng-model="userId" name="myUserid"  required="" />
    <div ng-show="myForm.$submitted || myForm.myUserid.$touched">
  <div ng-show="myForm.myUserid.$error.required">Tell us your name.</div>
</div>
     <br /><br />

<input type="submit" name="loginSubmit" ng-click="submit()" value="Login" /> 
</form> 
</div>

Answer 1

您应该从表单中删除操作属性。像：

 <form id="userLogin" name="myForm" novalidate>

您还可以在表单中添加指令ng-submit，并从提交按钮中删除ng-click指令。

更多信息here。

Answer 2

尝试将ng-app添加到您的应用中。我认为在其他任何内容中使用action形式没有错误。检查那些plnkers

Answer 3

删除表单操作。

   <form id="userLogin" name="myForm" novalidate>

以下是plunkr：https://plnkr.co/edit/BchMhCHHETftNuKxBVaj?p=preview

提交按钮上的验证不起作用

3 个答案: