Validation for textbox by using checkbox

Question

This is my code:

<input type="password" id="centraPassword" placeholder="Enter Centra Password" class="form-control" ng-model="centraPassword" />

<label>
   <input type="checkbox" ng-model="centrapasswordcheck" >
   I have a Centra Travels password
</label>
<button type="submit" class="btn btn-info" ng-disabled="continueEmailButton" id="btnContinue" ng-click="ContinueDetails()">Continue</button>

This is my angularjs Code:

$scope.ContinueDetails = function () {
if ($scope.centrapasswordcheck == true)
         {
if ($scope.centraPassword == '' || $scope.centraPassword == null) {
alert("please enter your password")
    return;
             }
         }
 }

In the above code when I click the Continue button, first check the checkbox checked or not after it will check enter the password or not.

Is there a question here?

Sergio Tulentsev
– Sergio Tulentsev

2015-09-19 09:41:25 +00:00
Commented Sep 19, 2015 at 9:41 — Sergio Tulentsev
– Sergio Tulentsev, Commented Sep 19, 2015 at 9:41
When i click a check box ng-model does't workout

mitra p
– mitra p

2015-09-19 09:47:26 +00:00
Commented Sep 19, 2015 at 9:47 — mitra p
– mitra p, Commented Sep 19, 2015 at 9:47

Manikanta Reddy · Accepted Answer · 2015-09-19 09:46:22Z

var module = angular.module('myApp', []);
module.controller('myCtrl', function($scope) {
  
  $scope.centrapasswordcheck = true;
  
  $scope.ContinueDetails = function () {
    if ($scope.centrapasswordcheck == true) {
      if ($scope.centraPassword == '' || $scope.centraPassword == null) {
        alert("please enter your password 1");
      }
      else {
        alert("Password Validated");
      }
    } else {
      alert('Please Check Checkbox');
    }
    alert('Coming out of the fuction');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl">
<input type="password" id="centraPassword" placeholder="Enter Centra Password" class="form-control" ng-model="centraPassword" />

<label>
   <input type="checkbox" ng-model="centrapasswordcheck" >
   I have a Centra Travels password
</label>
<button type="submit" class="btn btn-info" ng-disabled="!centrapasswordcheck" id="btnContinue" ng-click="ContinueDetails()">Continue</button>
  </body>

Check Once Is it what you want or something else

Remove alerts ands code what you want

Collectives™ on Stack Overflow

Validation for textbox by using checkbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related