2017-03-02 83 views
-2

大家好我是在angularjs新請人告訴我哪裏錯了這段代碼我的HTML是在這裏:angularjs驗證的形式

<div class="form"> 
    <div id="signup"> 
     <h1>Welcome Back!</h1> 
     <form action="/" name="loginForm" method="post" ng-submit="sendLoginData()> 
     <div class="field-wrap"> 
      <input type="email"required autocomplete="off" name="userEmail" ng-model="user.name" placeholder="E-mail" required/> 
      <p ng-show="loginForm.userEmail.$error.required">Please Enter Your E-mail</p> 
     </div> 
     <div class="field-wrap"> 
      <input type="password"required autocomplete="off" name="userPassword" ng-model="user.password" placeholder="Password" required/> 
      <p ng-show="loginForm.userPassword.$error.required">Please Enter Your Password</p> 
     </div> 
     <span class="forgot"><a href ="#sign-up">Sign up</a></span> 
     <p class="forgot"><a href="#forgotpassword">Forgot Password?</a></p> 
     <input type="submit" class="button button-block" ng-disabled="loginForm.$invalid" value="Log IN"/> 
     </form> 
    </div> 
</div> 
+1

替換代碼請用這段代碼描述你的問題 –

+0

你們兩個領域有兩次'需要'。還有一些間距問題,例如(type =「email」required)。 – rrd

+0

您在ng-submit =「sendLoginData()忘記關閉分支時發生語法錯誤** ng-submit =」sendLoginData()「** –

回答

0

你可以用這個

<div class="form"> 
     <div id="signup"> 
      <h1>Welcome Back!</h1> 
      <form action="/" name="loginForm" method="post" ng-submit="sendLoginData()"> 
      <div class="field-wrap"> 
       <input type="email"required autocomplete="off" name="userEmail" ng-model="user.name" placeholder="E-mail" required/> 
       <p ng-show="loginForm.userEmail.$touched && loginForm.userEmail.$error.required">Please Enter Your E-mail</p> 
      </div> 
      <div class="field-wrap"> 
       <input type="password"required autocomplete="off" name="userPassword" ng-model="user.password" placeholder="Password" required/> 
       <p ng-show="loginForm.userPassword.$touched && loginForm.userPassword.$error.required">Please Enter Your Password</p> 
      </div> 
      <span class="forgot"><a href ="#sign-up">Sign up</a></span> 
      <p class="forgot"><a href="#forgotpassword">Forgot Password?</a></p> 
      <input type="submit" class="button button-block" ng-disabled="loginForm.$invalid" value="Log IN"/> 
      </form> 
     </div> 
    </div> 
+0

仍然無法正常工作 –