我正在进入这个项目的中间,所以我不得不做一些重写,因为代码粗糙.我正在使用jQuery 1.6.1和Validate 1.8.1.
include("../includes/dbconnection.PHP");
session_start();
$location='';
$action='';
if($_GET['action']=='')
$action=$_POST['action'];
else
$action=$_GET['action'];
if($action=='checkusername'){
$error='';
$username=$_GET['username'];
// exclude denied account
$checkuserquery=MysqL_query("Select * from database_users as user LEFT OUTER JOIN database_approval as approval on user.user_id=approval.approval_user_id where (approval.approval_status IS NULL or approval.approval_status <> 4) and user_username='".$username."'");
$checkuserresult=MysqL_numrows($checkuserquery);
if($checkuserresult>0) {
$error = 'false';
} else {
$error = 'true';
}
echo $error;
}
我正在尝试使用jQuery Validate脚本在运行时查询数据库中的现有用户名.我要么得到两个极端：它永远不会工作,或者它总是吐出给定的用户名.
我认为问题是我无法获取用户名变量的输入值.当我在函数(输出)中创建警报(用户名)时,它什么都不返回.我的假设是.val()仅在页面加载时起作用,因此我输入的任何内容都因某些原因而无法正常工作.
这是我在网上重新编写和复制的jQuery：
$(document).ready(function(){
$.validator.addMethod("checkAvailability",function(value,element){
var username = $("#username").val();
$.ajax({
url: "dbquery.PHP",
type: "GET",
async: false,
data: "action=checkusername&username="+username,
success: function(output) {
return output;
}
});
},"Sorry, this user name is not available");
// jQuery Validation script
$("#signup").validate( {
rules: {
username: {
required: true,
minlength: 5,
checkAvailability: true // remote check for duplicate username
},
},
messages: {
username: {
required: "Enter a username"
}
},
submitHandler: function(form) {
form.submit();
}
});
});
我只是jQuery的初学者,但是这个代码我的手很脏.我是在正确的轨道上还是应该使用远程：在规则和用户名下？我被告知远程方法不起作用,因为我试图验证输入值的动态性质.
我遇到的另一个主要问题是当数据库中已存在用户名时,只显示远程错误消息.不幸的是,它显示dbquery.PHP是返回true还是false.如果我尝试使用现有用户名,则返回false,然后我重写一个返回true的新用户名,消息不会消失.同样,当我写一个用户名并返回true时,我仍然收到远程错误消息.
原始编码器引用了getXMLHTTP并使用ActiveXObject.他编写的方法似乎有点过时,所以我试图使代码更现代化并清理它.
5/25 – 我正在编辑它以包含OLD原始JavaScript代码,但它正在使用我想要离开的过时方法(我已经删除了以下代码并替换为上面的jQuery)：
function getXMLHTTP() { //function to return the xml http object
var xmlhttp=false;
try{
xmlhttp=new XMLHttpRequest();
}
catch(e) {
try{
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1){
xmlhttp=false;
}
}
}
return xmlhttp;
}
//validate username
function validateUsername(username){
var strURL="dbquery.PHP?action=checkusername&username="+username;
var req = getXMLHTTP();
if (req) {
req.onreadystatechange = function() {
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
if(req.responseText=='notavailable'){
document.getElementById("errorusername").style.display="block";
document.getElementById("errorusername").innerHTML="<div id=\"errors\"><strong>"+username+"</strong> is already taken by another user.</div>";
error = true;
}
else{
error = false;
document.getElementById("errorusername").style.display="none";
}
} else {
alert("There was a problem while using XMLHTTP:\n" + req.statusText);
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}
解决方法:
检查调用函数何时被调用,username的值是什么以及输出的值是：是真还是“真”？
我猜后者：一个字符串,所以你可以这样做：
return output === "true" ? true : false; // I sincerely recommend using === here
因为如果你返回“假”;将评估为真,因为它是一个非空字符串 – yay动态langauges！ ：/
远程示例：
$("#signup").validate( {
rules: {
username: {
required: true,
minlength: 5,
remote: {
url: "dbquery.PHP",
type: "get",
data: {
action: function () {
return "checkusername";
},
username: function() {
var username = $("#username").val();
return username;
}
}
}
}
},
messages: {
username: {
required: "Enter a username"
}
},
submitHandler: function(form) {
form.submit();
}
});
