Tiny File Manager

Back Back Up Advanced Editor

// Check if passwords match
$("#pwdId, #confirmPassword").on("keyup", function () {
  if (
    $("#newPassword").val() != "" &&
    $("#confirmPassword").val() != "" &&
    $("#confirmPassword").val() == $("#confirmPassword").val()
  ) {
  }
});

// Example starter JavaScript for disabling form submissions if there are invalid fields
(function () {
  "use strict";
  window.addEventListener(
    "load",
    function () {
      // Fetch all the forms we want to apply custom Bootstrap validation styles to
      var forms = document.getElementsByClassName("needs-validation");
      // Loop over them and prevent submission
      var validation = Array.prototype.filter.call(forms, function (form) {
        form.addEventListener(
          "submit",
          function (event) {
            if (form.checkValidity() === false) {
              event.preventDefault();
              event.stopPropagation();
            }
            form.classList.add("was-validated");
          },
          false
        );
      });
    },
    false
  );
})();

</script>

<div class="form-group">
        <label class="sr-only" for="oldPassword">Current Password</label>
        <input class="form-control form-control-sm" id="oldPassword" name="password" placeholder="Current Password" required type="password" autocomplete="off" aria-describedby="inputGroupPrepend">
        <div class="invalid-feedback">
          Please enter current password.
        </div>
      </div>

<div class="form-group">
        <div class="form-group">
          <label class="sr-only" for="newPassword">New Password</label>
          <div class="input-group">

<input name="newPassword" type="password" autocomplete="off" class="form-control form-control-sm" id="newPassword" placeholder="New Password" aria-describedby="inputGroupPrepend" required>
            <div class="invalid-feedback">
              Please enter new password.
            </div>
          </div>
        </div>
      </div>
      <div class="form-group">
        <label class="sr-only" for="confirmPassword">Confirm Password</label>
        <div class="input-group">

<input name="confirmPassword" type="password" autocomplete="off" class="form-control form-control-sm" id="confirmPassword" placeholder="Confirm Password" aria-describedby="inputGroupPrepend" required>
          <div class="invalid-feedback">
            Password not a match.
          </div>
        </div>
      </div>

<button id="submitBtn" class="btn btn-md btn-primary btn-block" type="submit">Update</button>

</div>
  </div>
</form>