Html 第页将出现角度验证_Html_Angularjs_Validation

Html 第页将出现角度验证

html angularjs validation

Html 第页将出现角度验证,html,angularjs,validation,Html,Angularjs,Validation,我使用的是angularjs，我定义了一些路由，在html页面上我使用了一些验证。我的html页面看起来像： <form ng-controller="validateCtrl" name="loginForm" novalidate> <p>UserName:<br> <input type="text" name="uName" ng-model="uName" required> <spa

我使用的是angularjs，我定义了一些路由，在html页面上我使用了一些验证。我的html页面看起来像：

<form  ng-controller="validateCtrl"
       name="loginForm" novalidate>

    <p>UserName:<br>
        <input type="text" name="uName" ng-model="uName" required>
  <span style="color:red" ng-show="loginForm.uName.$dirty && loginForm.uName.$invalid">
    <span ng-show="loginForm.uName.$error.required">Username is required.</span>
  </span>
    </p>

    <p>Password:<br>
        <input type="text" name="pwd" ng-model="pwd" required>
  <span style="color:red" ng-show="loginForm.pwd.$dirty && loginForm.pwd.$invalid">
    <span ng-show="loginForm.pwd.$error.required">Password is required.</span>
  </span>
    </p>

    <p>
        <input type="submit" ng-click="popupuser()"
               ng-disabled="loginForm.$invalid ">
    </p>

</form>

您的代码应该按原样工作。看看这个

您需要的是html中的ng应用程序

     <html ng-app="plunker">
     .
     .
     .
     </html>

你的$dirty支票应该可以防止这种情况发生。您能提供一个JSFIDLE示例吗？@AlexG:@kawade fiddle不包含您未使用的任何javascript代码。这里：谢谢@AlexG。请让我知道在哪里添加此jsi尝试在login.html中执行整个代码，但看看这个：我从plunker复制了整个代码并粘贴到y代码上，但仍然在页面加载上显示验证，这是因为您有单独的index.html和login.html。你能在你的问题中分享这两个html代码吗？请告诉我如何添加和在哪里添加

angular.module('test', ['ui.router'])
    .config(function($stateProvider, $urlRouterProvider) {

        $stateProvider
            .state('register', {
                url: '/register',
                templateUrl: '../partials/register.html',
                controller: 'registration'
            });
        $stateProvider.state('login',{
            url: '/login',
            templateUrl: '../partials/login.html',
            controller: 'login'
        });
    });

     <html ng-app="plunker">
     .
     .
     .
     </html>