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!

File upload in php

Simple way to upload file using php.     //HTML code <input type="file" required="" name="avatarUrl"/>   //On action page code where form is being submitted. if($_FILES['avatarUrl']['name']!='') {                        $fileTmpPath = $_FILES['avatarUrl']['tmp_name'];           $fileName = $_FILES['avatarUrl']['name'];           $fileSize = $_FILES['avatarUrl']['size'];           $fileType = $_FILES['avatarUrl']['type'];           $fileNameCmps = explode(".", $fileName);           $fileExtension = strtolower(end($fileNameCmps));              $dateMin = date('Ymdhms');           $rand = $dateMin;    ...