Posts

Confrim Password in jQuery

  Confrim Password in jQuery <!DOCTYPE html> <html> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <h1>Confrim Password</h1> <input type="password" id="txtNewPassword" placeholder="Enter passward" name="pass"> <input type="password" id="txtConfirmPassword" placeholder="Confirm Passward" name="confpass" > <div class="registrationFormAlert" style="color:green;" id="CheckPasswordMatch">     <script>     function checkPasswordMatch() {         var password = $("#txtNewPassword").val();         var confirmPassword = $("#txtConfirmPassword").val();         if (password != confirmPassword)             $("#CheckPasswordMatch").html("Passwords does not match!");         else             $("#CheckPasswordMatch").h...
Post a Comment
Read more

Check Password Strength in jQuery

  Check Password Strength <!Doctype html> <html> <body>     <head>         <style>             #frmCheckPassword {                 border-top: #F0F0F0 2px solid;                 background: #808080;                 padding: 10px;             }             .demoInputBox {                 padding: 7px;                 border: #F0F0F0 1px solid;                 border-radius: 4px;             }             #password-strength-status {                 padding: 5px 10px;           ...
Post a Comment
Read more

GST Calculation in jQuery

GST Calculation in jQuery  <!DOCTYPE html> <html> <body>     <head>         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>     </head>     <h1>GST Calculation</h1>     <form method="post" action="">         <input type="hidden" name="mode" value="PinRequest" />         <label><b>Fee</b></label>         <input name="pages" id="pages" type="text"><br><br>         <label><b>Total Amount</b></label>         <input name="tot_amount" id="tot_amount" type="text">         <input type="submit" name="save" value="submit">     </form>     <script>         $(do...
Post a Comment
Read more

How to Show Password in jQuery

Show Password in jQuery  <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){   $("p").click(function(){     $(this).hide();   }); }); </script> </head> <body>  <input type='password' id='test-input' />   Show password <input type='checkbox' id='check' /> <script type='text/javascript'>         $(document).ready(function(){             $('#check').click(function(){              // alert($(this).is(':checked'));                 $(this).is(':checked') ? $('#test-input').attr('type', 'text') : $('#test-input').attr('type', 'password');             });         });     </script> </body...
Post a Comment
Read more

Password Validation with PHP and Regular Expressions

  Password Validation with PHP and Regular Expressions <form name="form1" action="#">    <ul>       <input type='password' name='text1'/>       <input type="submit" name="submit" value="Submit" onclick="CheckPassword(document.form1.text1)"/>    </ul> </form> <script>    function CheckPassword(input_txt) {    var password =/^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{7,15}$/;    if(input_txt.value.match(password)){      alert('Correct')    return true;    }    else{      alert('Wrong...!')    return false;    } }     </script>
Post a Comment
Read more

Laravel - Dependent Drop Down Using Ajax

Image
  Resources\View\ index.blade.php: <h1> Dependent Drop Down </h1>     <select name="country" id="country">         <option hidden>Select Country</option>         @foreach($country as $list)         <option value="{{$list->id}}">{{$list->country}}</option>         @endforeach     </select>     <select name="state" id="state">         <option hidden>Select State</option>         <option value=""></option>     </select>     <select name="city" id="city">         <option hidden>Select City</option>         <option value=""></option>     </select> </body> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJ...
Post a Comment
Read more

Data Table, bootstrap, jquary, CDN's

  <!-- bootstrap CDN -->       <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" > <!-- bootstrap CDN --> <!-- DATABLE CSS -->   <link href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css" rel="stylesheet">   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/> <!-- DATABLE CSS --> <!-- jquery cdn --> <script src="https://code.jquery.com/jquery-3.6.0.js" ></script> <!-- jquery validation --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script> <!-- jquery validation --> <!-- bootstrap --> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" ></script> <script src="https:/...
Post a Comment
Read more