Skip to main content

Password validation script

 <script>

       var check = function() {
            if (document.getElementById('password').value ==
                document.getElementById('confirm_password').value) {
                    document.getElementById('message').innerHTML = '';
                document.getElementById('submit').disabled = false;
            } else {
                    document.getElementById('message').style.color = 'red';
                document.getElementById('message').innerHTML = 'not matching';
                document.getElementById('submit').disabled = true;
            }
        }
    </script>

<form class="mt-4 pt-2" action="login-auth.php" method="POST">
    <div class="mb-3">
        <label class="form-label">Enter new password</label>
        <input type="text" required id="password" type="password" onkeyup='check();' class="form-control" placeholder="Enter new password" >
    </div>
    <div class="mb-3">
        <label class="form-label">Confirm Password</label>
        <input type="text" required  name="confirm_password" name="confirm_password" id="confirm_password"  onkeyup='check();' class="form-control">
    </div>
    <span id='message'></span>
   

    <div class="mb-3"><br>
        <button class="btn btn-primary w-100 waves-effect waves-light" name="submit" type="submit" id="submit" >Save</button>
    </div>

    <div class="text-right">
        <a href="sign-up.php"><p class="mt-2"></p>
        <label class="form-check-label" for="remember-check">
        <i class=" far fa-arrow-alt-circle-right"></i> New users, signup here.!
        </label></a>
    </div>

</form>

Comments

Popular posts from this blog

Restoring MySQL on XAMMP

  Follow these steps and save your time and databases:- Go to your  XAMMP  installation, it’s mostly in  C drive . Now inside  mysql  folder rename the folder  data  to  data-old  (or any other name you like) Create a new folder  data  under  mysql  folder Copy the contents of  backup  folder to the new  data  folder Now copy all your  database  folders that are in  data-old  folder to the new  data  folder (skip the mysql, performance_scheme and phpmyadmin folder) And the last, copy the  ibdata1  file from  data-old  folder and replace it inside new  data  folder Restart your  MYSQL  server from  XAMPP control panel . And done!

terms and condition checkbox validation before submit. JS

  <button type="submit" id="submit_button" disabled>Sign Up</button>   /JavaScript function that enables or disables a submit button depending //on whether a checkbox has been ticked or not. function terms_changed(termsCheckBox){ //If the checkbox has been checked if(termsCheckBox.checked){ //Set the disabled property to FALSE and enable the button. document.getElementById("submit_button").disabled = false; } else{ //Otherwise, disable the submit button. document.getElementById("submit_button").disabled = true; } }