1658066220
Avec l'utilisation de jQuery AJAX, vous pouvez afficher instantanément le nom d'utilisateur saisi est déjà utilisé ou non par un autre utilisateur.
L'utilisateur n'a pas à soumettre de formulaire.
Dans ce tutoriel, je montre comment vous pouvez vérifier le nom d'utilisateur s'il existe déjà dans la base de données PostgreSQL ou s'il n'utilise pas jQuery AJAX et PHP.
J'utilise users
table dans l'exemple.
CREATE TABLE users (
id serial PRIMARY KEY,
username varchar(80) NOT NULL,
fullname varchar(80) NOT NULL,
email varchar(80) NOT NULL
)
Créez un nouveau config.php
fichier.
Code terminé
<?php
$host = "localhost";
$user = "postgres";
$password = "root";
$dbname = "tutorial";
$con = pg_connect("host=$host dbname=$dbname user=$user password=$password");
if (!$con) {
die('Connection failed.');
}
Créez un élément de texte pour entrer le nom d'utilisateur et un <div id="uname_response">
pour afficher la disponibilité à l'aide de jQuery AJAX.
Code terminé
<div>
<input type="text" class="textbox" id="txt_username" name="txt_username" placeholder="Enter Username" />
<!-- Response -->
<div id="uname_response" ></div>
</div>
Créer ajaxfile.php
un fichier pour gérer les requêtes AJAX.
Vérifiez si username
est POST ou non.
Si POST compte alors les enregistrements où username
la valeur du champ est égale à $username
dans la users
table.
Si le compte est supérieur à 0, renvoie Not Available
message sinon, Available
message.
Code terminé
<?php
include 'config.php';
if(isset($_POST['username'])){
$username = $_POST['username'];
// Check username
$sql = "select count(*) as allcount from users where username=$1";
$result = pg_query_params($con, $sql, array($username));
$row = pg_fetch_assoc($result);
$count = $row['allcount'];
$response = "<span style='color: green;'>Available</span>";
if($count > 0){
$response = "<span style='color: red;'>Not Available</span>";
}
echo $response;
exit;
}
Définir l' keyup
événement sur #txt_username
.
Envoyer la requête AJAX POST à ajaxfile.php
si la valeur n'est pas vide. Passer {username: username}
comme données.
En cas de rappel réussi, écrivez un response
fichier #uname_response
.
Code terminé
$(document).ready(function(){
$("#txt_username").keyup(function(){
var username = $(this).val().trim();
if(username != ''){
$.ajax({
url: 'ajaxfile.php',
type: 'post',
data: {username:username},
success: function(response){
// Show response
$("#uname_response").html(response);
}
});
}else{
$("#uname_response").html("");
}
});
});
En utilisant le script ci-dessus, vous pouvez valider le nom d'utilisateur ou l'e-mail sur votre formulaire et assurez-vous de valider à nouveau la valeur avant d'insérer l'enregistrement.
Source : https://makitweb.com
1658066220
Avec l'utilisation de jQuery AJAX, vous pouvez afficher instantanément le nom d'utilisateur saisi est déjà utilisé ou non par un autre utilisateur.
L'utilisateur n'a pas à soumettre de formulaire.
Dans ce tutoriel, je montre comment vous pouvez vérifier le nom d'utilisateur s'il existe déjà dans la base de données PostgreSQL ou s'il n'utilise pas jQuery AJAX et PHP.
J'utilise users
table dans l'exemple.
CREATE TABLE users (
id serial PRIMARY KEY,
username varchar(80) NOT NULL,
fullname varchar(80) NOT NULL,
email varchar(80) NOT NULL
)
Créez un nouveau config.php
fichier.
Code terminé
<?php
$host = "localhost";
$user = "postgres";
$password = "root";
$dbname = "tutorial";
$con = pg_connect("host=$host dbname=$dbname user=$user password=$password");
if (!$con) {
die('Connection failed.');
}
Créez un élément de texte pour entrer le nom d'utilisateur et un <div id="uname_response">
pour afficher la disponibilité à l'aide de jQuery AJAX.
Code terminé
<div>
<input type="text" class="textbox" id="txt_username" name="txt_username" placeholder="Enter Username" />
<!-- Response -->
<div id="uname_response" ></div>
</div>
Créer ajaxfile.php
un fichier pour gérer les requêtes AJAX.
Vérifiez si username
est POST ou non.
Si POST compte alors les enregistrements où username
la valeur du champ est égale à $username
dans la users
table.
Si le compte est supérieur à 0, renvoie Not Available
message sinon, Available
message.
Code terminé
<?php
include 'config.php';
if(isset($_POST['username'])){
$username = $_POST['username'];
// Check username
$sql = "select count(*) as allcount from users where username=$1";
$result = pg_query_params($con, $sql, array($username));
$row = pg_fetch_assoc($result);
$count = $row['allcount'];
$response = "<span style='color: green;'>Available</span>";
if($count > 0){
$response = "<span style='color: red;'>Not Available</span>";
}
echo $response;
exit;
}
Définir l' keyup
événement sur #txt_username
.
Envoyer la requête AJAX POST à ajaxfile.php
si la valeur n'est pas vide. Passer {username: username}
comme données.
En cas de rappel réussi, écrivez un response
fichier #uname_response
.
Code terminé
$(document).ready(function(){
$("#txt_username").keyup(function(){
var username = $(this).val().trim();
if(username != ''){
$.ajax({
url: 'ajaxfile.php',
type: 'post',
data: {username:username},
success: function(response){
// Show response
$("#uname_response").html(response);
}
});
}else{
$("#uname_response").html("");
}
});
});
En utilisant le script ci-dessus, vous pouvez valider le nom d'utilisateur ou l'e-mail sur votre formulaire et assurez-vous de valider à nouveau la valeur avant d'insérer l'enregistrement.
Source : https://makitweb.com
1597820991
Looking to develop a PHP based website from scratch or revamp your existing website?
HourlyDeveloper.io has always been an industry leader for companies and business owners looking to hire PHP web developer. By choosing to Hire PHP Developer from our company, you can always expect the best results. Our PHP services and solutions are always flexible which means that no matter the nature of your project, you can always count on us for getting the best PHP expertise.
Consult with our experts: https://bit.ly/3aEGxPy
#hire php developer #php developer #php development company #php development services #php development #php
1617276472
A framework that can drastically cut down the requirement to write original code to develop the web apps as per your requirement is PHP Framework. PHP frameworks offer code libraries for commonly used functions to reduce the development time.
Want to use PHP Web Frameworks for your web applications?
WebClues Infotech offers a service to hire dedicated PHP developers for all of the below-mentioned frameworks
Not sure which framework to use for your PHP web application?
Schedule Interview with PHP Developer https://bit.ly/3dsTWf0
Email: sales@webcluesinfotech.com
#hire php developer #hire php web developers #hire php developer in 2021 #hire php developers & dedicated php programmers #hire php developers india #hire and outsource freelance php developers
1659526800
Sur le site Web, il doit y avoir un identifiant unique pour chaque utilisateur. Il peut s'agir du nom d'utilisateur, de l'adresse e-mail ou de toute chaîne à l'aide de laquelle l'utilisateur peut se connecter au site Web et y accéder.
Avant d'ajouter l'utilisateur à l'aide du formulaire d'inscription, il faut vérifier si le nom d'utilisateur est disponible ou non.
Cela peut être fait après avoir soumis le formulaire ou en utilisant jQuery AJAX pour afficher l'état de disponibilité avant de soumettre le formulaire.
Dans ce tutoriel, je montre comment vous pouvez vérifier que le nom d'utilisateur existe déjà ou non dans la table de base de données MySQL en utilisant jQuery AJAX PHP et PDO.
J'utilise users
table dans l'exemple -
CREATE TABLE `users` (
`id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`username` varchar(80) NOT NULL,
`fullname` varchar(80) NOT NULL,
`password` varchar(80) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
Créez un config.php
pour une connexion à la base de données.
Code terminé
<?php
$server = "localhost";
$username = "root";
$password = "";
$dbname = "tutorial";
// Create connection
try{
$conn = new PDO("mysql:host=$server;dbname=$dbname","$username","$password");
$conn->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
}catch(PDOException $e){
die('Unable to connect with the database');
}
Créez une <input type='text' id='txt_username'>
entrée pour le nom d'utilisateur et créez une <div id='uname_response' >
pour afficher un message indiquant si un nom d'utilisateur existe ou non en utilisant jQuery.
Code terminé
<div>
<input type="text" class="textbox" id="txt_username" name="txt_username" placeholder="Enter Username" />
<!-- Response -->
<div id="uname_response" ></div>
</div>
Créer ajaxfile.php
un fichier.
Vérifiez si 'username'
est POST ou non.
Si POST vérifie alors qu'il $_POST['username']
existe ou non dans la 'users'
table ou non.
S'il existe, retournez "Not Available"
sinon "Available"
un message.
Code terminé
<?php
include 'config.php';
if(isset($_POST['username'])){
$username = $_POST['username'];
// Check username
$stmt = $conn->prepare("SELECT count(*) as cntUser FROM users WHERE username=:username");
$stmt->bindValue(':username', $username, PDO::PARAM_STR);
$stmt->execute();
$count = $stmt->fetchColumn();
$response = "<span style='color: green;'>Available.</span>";
if($count > 0){
$response = "<span style='color: red;'>Not Available.</span>";
}
echo $response;
exit;
}
Définir l' keyup
événement sur le #txt_username
sélecteur.
Lisez la valeur et vérifiez si elle est vide ou non.
S'il est vide, videz le #uname_response
sélecteur, sinon envoyez une requête AJAX POST au 'ajaxfile.php'
fichier où passez le nom d'utilisateur en tant que data
.
En cas de rappel réussi, écrivez une réponse dans #uname_response
.
Code terminé
$(document).ready(function(){
$("#txt_username").keyup(function(){
var username = $(this).val().trim();
if(username != ''){
$.ajax({
url: 'ajaxfile.php',
type: 'post',
data: {username:username},
success: function(response){
// Show response
$("#uname_response").html(response);
}
});
}else{
$("#uname_response").html("");
}
});
});
J'ai utilisé keyup
l'événement pour afficher le statut du nom d'utilisateur lors de la frappe, mais vous pouvez également utiliser d'autres événements comme onblur
sur la zone de texte ou click
sur le bouton.
Source : https://makitweb.com
1593154878
Looking to hire affordable yet experienced PHP developers?
Hire Dedicated PHP Developer, who can convert your idea to reality, within the stipulated time frame. HourlyDeveloper.io expertise & experience as the top PHP development company put us above our competitors, in many ways. We have some of the top PHP developers in the industry, which can create anything you can imagine, that too, at the most competitive prices.
Consult with our experts:- https://bit.ly/2NpKnB8
#hire dedicated php developer #php developers #php development company #php development services #php development #php developer