In this post, we are going to know about Server Side Datatable using Laravel 5. Data Table is one of the most important plugins in jQuery Library. It provides the lot of user-friendly functionalities like sort, pagination, and searches etc…
Category: jQuery
In this article, we are going to know how to Import XML Data into Mysql Database table by using PHP code with Ajax. We all know XML stands for eXtensible Markup Language and it is used for to save and…
In this post, we are going to learn Ajax Live Data Search with a help of PHP, MySQLi and Ajax. In real-time most of the website and web applications providing content search option to make the application as most user-friendly….
In this post, we will see how we can load more post details list with the help of Ajax. This technique helps us to load the page quickly. At the initial page load time have some limited post details only….
Suggestion field using jQuery is very useful for a web application. In this post, you will learn how to perform Google-like search textbox in PHP. Using jQuery UI we can efficiently show relevant suggestion from the database under a textbox….
DataTables is a jQuery library used to show the entire list of records in an HTML table. It combines some features like key search, pagination list, data sorting, filter and etc. In DataTables we can limit the number of records…
DataTables is a jQuery library used to show the entire list of records in an HTML table. It combines some features like key search, pagination list, data sorting, filter and etc. In DataTables we can limit the number of records…
In this post, we will see how we can load more post details list with the help of Ajax. This technique helps us to load the page quickly. At the initial page load time have some limited post details only….
Most of the time we need to validate the user inputs before submitting the form value to the server side script. It will help to collect required information from users. We are using bootstrap form validation using bootstrap validator jQuery…
A jQuery/Bootstrap Password Strength Notifier module that produces an advance bar beneath your secret key field to tell the watchword quality and presentations solid watchword prerequisite messages to provoke a client with right solid secret key.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<!Doctype html> <html> <head> <title>Password Strength Notifier</title> <link rel="stylesheet" href="assets/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .progress { margin: 10px; } .password-score { font-size: 25px; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-offset-3 col-md-6"> <form> <h1>Password Strength Notifier</h1> <div class="form-group"> <label for="password">Check Your Password Strength :</label> <input type="password" class="form-control" id="your_password" placeholder="Enter Your Password"> </div> </form> </div> </div> </div> <script src="assets/jquery-1.12.4.min.js"></script> <script src="assets/bootstrap.min.js"></script> <script src="assets/jquery.passwordstrength.js"></script> <script> $('#your_password').passwordStrength(); </script> </body> </html> |