如何仅在输入文本框时点击按钮

我有一个文本框可以输入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

如何仅在输入文本框时点击按钮

回答

相关问题