如何僅在輸入文本框時點擊按鈕

我有一個文本框可以輸入emailId..Iam將該值存儲在$rootScope.emailId中。現在，當我點擊提交按鈕時，只有在輸入了emailId的情況下，我才能進入下一頁，否則它必須發出警告，說明必須填寫。目前它是在窗體中，我正在使用required="true"和form.$valid但仍然沒有工作是否有任何其他方式來實現這一點。如何僅在輸入文本框時點擊按鈕

<form name="customerForm" class="form-horizontal"> 
    <div class="form-group"> 
     <label for="inputEmail" class="col-lg-4 col-lg-offset-1 control-label">Email address</label> 
     <div class="col-lg-4"> 
      <input class="form-control" ng-model="$root.customerDetails.eMail" placeholder="Enter customer email" type="email" required focus value="{{emailId}}"> 
     </div> 
    </div> 
</form>

<div class="col-lg-1"> 
    <button type="submit" class="btn btn-primary right-button" ng-click="$ctrl.proceedToPaymentDetails()" ng-disabled="$ctrl.customerDetails">Next</button> 
</div>

目前的形式和按鈕無法在相同的HTML page..Is DER什麼辦法來解決這個問題。

來源

2016-10-14 H Varma

更改ng-disabled="customerForm.$invalid"或者您也可以檢查您的proceedToPaymentDetails（）方法中的電子郵件ID的值以提醒消息。

來源

2016-10-14 11:25:15

NG-殘疾人是不相關的this.I此示例代碼刪除了...如何檢查proceedToPaymentDetails內部的電子郵件ID（） –

請去擲您更好地瞭解

<!DOCTYPE html> 
<html lang="en"> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="formCtrl"> 
    <form novalidate> 
    First Name:<br> 
    <input type="text" ng-model="user.firstName"><br> 
    Last Name:<br> 
    <input type="text" ng-model="user.lastName"> 
    <br><br> 
     Email:<br> 
    <input type="text" ng-model="user.emailID"> 
    <br><br> 
    <button ng-click="proceedToPaymentDetails()">Next</button> 
    </form> 
    <p>form = {{user}}</p> 
</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('formCtrl', function($scope) { 
    $scope.user = {firstName:"", lastName:"",emailID:""}; 
    $scope.proceedToPaymentDetails = function() { 
     alert($scope.user.emailID); 
    }; 
}); 
</script> 

</body> 
</html>

來源

2016-10-17 10:52:28

如何僅在輸入文本框時點擊按鈕

回答

相關問題