php - Parsley (2.8.1) 使用 php 验证唯一用户名
问题描述
我阅读了 Parsley Js 网站的所有文档。但我还不够了解如何设置自定义验证取决于 AJAX 响应。
我需要验证用户名并检查它是否已经存在于数据库中,如果是,则在点击提交按钮时显示错误。
我在这里环顾四周,试图找到任何与此有关的问题,我不能很好,只有我知道应该如何放置 ajax 代码来验证该表单。我需要知道 PHP 文件的样子。这就是我发布这个问题的原因
我正在使用欧芹 js 新版本。这是我的代码
<form class="forms-sample" id="form">
<div class="form-group">
<label for="exampleInputUsername1">Username</label>
<input type="text" class="form-control" id="exampleInputUsername1"
name="username" placeholder="Username" required data-parsley-username>
</div>
<button type="submit" class="btn btn-success mr-2">Submit</button>
<button class="btn btn-light">Cancel</button>
</form>
我正在为 CSS 使用 Bootstrap 4。我的 Parsley js 脚本是这样的
<script>
window.ParsleyValidator
.addValidator('username', function (value, requirement) {
var response = false;
$.ajax({
url: "username.php",
data: {username: value},
dataType: 'json',
type: 'post',
async: false,
success: function(data) {
response = true;
},
error: function() {
response = false;
}
});
return response;
}, 32)
.addMessage('en', 'username', 'The username already exists.');
$("#form").parsley({
errorClass: 'is-invalid',
successClass: 'is-valid',
errorsWrapper: '<span class="invalid-feedback"></span>',
errorTemplate: '<span></span>',
trigger: 'change'
});
</script>
我无法想象我如何创建 PHP 文件来编写查询以及我想从那个 PHP 中回显什么。
你能告诉我这里有什么需要改变的吗,你能指导我构建那个 PHP 文件来完成这个任务吗?而且我需要知道这个 JS 是否有效。谢谢你。
在我添加了一个 php 文件之后。就是这样
<?php
include("include/connection.php");
?>
<?php
if(isset($_POST['username'])){
$username = $_POST['username'];
$query = "SELECT * FROM user WHERE userName = '%$username'";
$q = mysqli_query($conn, $query);
if(mysqli_num_rows($q) > 0) {
echo json_encode("error");
}else {
echo json_encode("success");
}
}
?>
但每次“用户名已存在”时,我都会收到默认错误消息。谁能知道这里的错误是什么?
解决方案
在 username.php 中,您将对传递的用户名运行基本选择查询,然后根据是否找到结果返回数据。
以下应该非常接近。
PHP
if ($user = $mysqli->query("SELECT * FROM `user_table_name` WHERE `username_field_name` = $_POST['username']"))) {
print(json_encode(['status'] => 'user_exists']))
} else {
print(json_encode(['status'] => 'user_available']))
}
AJAX
$.ajax({
url: "username.php",
data: {username: value},
dataType: 'json',
type: 'post',
async: false,
success: function(data) {
if( data.status === 'user_available ) {
//continue your code
} else {
//alert user that the name is unavailable
}
}
推荐阅读
- c# - 下载大文件时 SendAsync 和 CopyToAsync 不起作用
- javascript - 如何完成递归函数内部的循环?
- javascript - 从谷歌电子表格中获取值
- html - 导航栏和标签
- .htaccess - 如何在 htaccess 中添加在单行中接受多个斜杠和非斜杠 url
- c++ - C++:使用类搜索向量中的特定元素时,我得到了错误的结果
- visual-studio - 安装后是否可以移动/分发 cuda 编译器(nvcc)?
- node.js - AWS S3 不工作,但之前没有更改代码就可以工作
- html - 如何使用 JDBC 和 Google-App-Script 保持连接以进行多个查询?
- python - 使用匹配的列数据子集标记行