Search jQuery

jQuery Forum

JQuery validation remote

in Using jQuery Plugins • 11 years ago

why i can't call the my username available validation php from other than root dir? or should i use url instead of remote?

Replies(6)

charlietfl

Re: JQuery validation remote

11 years ago

a real question that identifies your issue clearly gets better results

galactica..

Re: JQuery validation remote

11 years ago

..ajax async search for username validation not working...though the other elements work fine.

but when i moved the available_username.php to root dir, it works.. so what's wrong with this script?

	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>User Signup</title>
	<link href="/css/phpMM.css" rel="stylesheet" type="text/css" />
	<link href="/css/menu.css" rel="stylesheet" type="text/css" />
	<link type="text/css" href="css/smoothness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
	<link href="/css/jquery.validate.password.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="/js/jquery.js"></script>
	<script type="text/javascript" src="/js/jquery.validate.js"></script>
	<script type="text/javascript" src="/js/jquery.validate.password.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="js/plupload.full.js"></script>

	<script type='text/javascript'>
	$(document).ready(function() {
	// validate signup form on keyup and submit
	var validator = $("#signupform").validate( {
	rules: {
	first_name: {
	required: true,
	minlength: 2,
	maxlength: 20
	},
	last_name: {
	required: true,
	minlength: 2,
	maxlength: 30
	},
	username: {
	required: true,
	minlength: 3,
	maxlength: 30,
	remote: '/scripts/available_username.php'
	},
	password: {
	required: true,
	minlength: 6,
	maxlength: 20
	},
	confirm_password: {
	required: true,
	equalTo: "#password"
	},
	email: {
	required: true,
	maxlength: 30
	},
	facebook_url: {
	required: false,
	maxlength: 30
	},
	twitter_handle: {
	required: false,
	maxlength: 20
	},
	user_pic: {
	required: false
	},
	bio: {
	required: false
	},
	},
	messages: {
	first_name: {
	required: "Enter your first name",
	minlength: $.format("Enter at least {0} characters")
	},
	last_name: {
	required: "Enter your last name",
	minlength: $.format("Enter at least {0} characters")
	},
	username: {
	required: "Enter your username",
	minlength: $.format("Enter at least {0} characters"),
	remote: "username is already in use"
	},
	confirm_password: {
	required: "Repeat your password",
	equalTo: "Enter the same password as above"
	},
	email: {
	required: "Enter your e-mail address"
	},
	},
	// the errorPlacement has to take the table layout into account
	errorPlacement: function(error, element) {
	error.appendTo(element.parent().next() );
	},
	// set this class to error-labels to indicate valid fields
	success: function(label) {
	label.addClass("checked");
	}
	});

	// propose username by combining first- and lastname
	$("#username").focus(function() {
	var firstname = $("#first_name").val();
	var lastname = $("#last_name").val();
	if(firstname && lastname && !this.value) {
	this.value = firstname + "." + lastname;
	}
	});

	});
	</script>

	</head>
	<body>
	<div id="wrapper">

	<div id="header"><h1>DIGITAL JOCKEY CLUB</h1>
	</div>

	<div id='messages'>
	</div>

	<!--display main navigator-->
	<ul id="main_nav">
	<li><a href="index.php" class="link_nav">HOME PAGE</a></li>
	</ul>

	<div id="content">
	<h1>Join Digital Jockey Club</hi>
	<p>Please enter your online connections below:</p>
	<form action="create_user.php" method="POST" id="signupform" enctype="multipart/form-data">
	<table class="signupform">
	<tr>
	<td class="label"><label for="first_name">First Name:</label></td>
	<td class="field"><input type="text" id="first_name" name="first_name" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="last_name">Last Name:</label></td>
	<td class="field"><input type="text" id="last_name" name="last_name" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="username">Username:</label></td>
	<td class="field"><input type="text" id="username" name="username" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="password">Password:</label></td>
	<td class="field"><input type="password" id="password" name="password" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="confirm_password">Confirm Password:</label></td>
	<td class="field"><input type="password" id="confirm_password" name="confirm_password" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="email">E-Mail Address:</label></td>
	<td class="field"><input type="text" id="email" class="email" name="email" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="facebook_url">Facebook URL:</label></td>
	<td class="field"><input type="text" id="facebook_url" name="facebook_url" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><label for="twitter_handle">Twitter Handle:</label></td>
	<td class="field"><input type="text" id="twitter_handle" name="twitter_handle" size="40"/></td>
	<td class="status"> </td>
	</tr>
	<tr>
	<td class="label"><input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
	<label for="user_pic">Upload a picture:</label></td>
	<td class="field"><input type="file" id="user_pic" name="user_pic" size="20"/></td>
	</tr>
	<tr>
	<td class="label"><label for="bio">Bio:</label></td>
	<td class="field"><textarea id="bio" name="bio" cols="32" rows="10"></textarea></td>
	</tr>
	</table>
	<tr>
	<div class="center">
	<input type="submit" value="Join the Club" />
	<input type="reset" value="Clear and Restart" />
	</div>
	</tr>
	</table>
	</form>
	</div>

	<div id="footer"></div>
	</div>
	</body>

	</html> available_username.php: <? require_once 'database_connection.php'; if (isset($_GET['username'])) { $username = $_GET['username']; } else { exit(); } $query_string = sprintf("SELECT username FROM users WHERE username = '%s';", $username); $result = mysql_query($query_string); if (mysql_num_rows($result) == 1) { echo "false"; } else { echo "true"; } exit(); ?>