![](/img/trans.png)
[英]I have registration form to sign in but from admin panel admin can also add new user with that same form. how can check if form submitted by admin?
[英]Checking user availability in registration form. Already an AJAX request is present in the current html file. How can i add another one?
大家好,我已经完成了注册,用户在此注册了自己,提交数据后便自动存储了。 在当前的html文件中,我已经给出了ajax请求和register.php的操作。 现在,我想实施“检查用户可用性”的标准。 这是我感到困惑的地方。 如果我提出这个Ajax请求,那么我将如何做register.php? 请帮帮我。 谢谢。
<body>
<div class="app-block">
<div class="cube"><img src="images/cube.png" class="img-responsive" alt="" /></div>
<form method="post">
<div id="reg-data"></div>
<input type="text" name="username" required="required" placeholder="Enter your name" id="username" />
<input type="password" name="password" required="required" placeholder="Enter your password" id="password" />
<input type="text" name="location" placeholder="Please give your location" id="location" />
<input type="text" name="company" placeholder="Where do you work?" id="company" />
<input type="text" name="designation" placeholder="Provide your designation" id="designation" />
<label for="gender">Gender </label>
<input type="radio" name="gender" required="required" id="gender" value="Male" />Male
<input type="radio" name="gender" required="required" id="gender" value="Female"/>Female
<br/><br/>
<label for="qualification">Qualification</label>
<select name="qualification" value="Qualification" id="qualification">
<option value="SSLC">SSLC</option>
<option value="HSC">HSC</option>
<option value="UG">UG</option>
<option value="PG">PG</option>
</select><br/><br/>
<label for="hobbies">Hobbies </label>
<input type="checkbox" name="hobbies" id="hobbies" value="Cricket" />Cricket
<input type="checkbox" name="hobbies" id="hobbies" value="Music" />Music
<input type="checkbox" name="hobbies" id="hobbies" value="Swimming" />Swimming
<div class="submit"><input type="submit" name="register" value="Register" id="reg" /></div>
<div class="clear"></div>
</form>
<p class="sign">Already Registered? <a href="lo.php"> Login</a></p>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#reg').click(function(e) {
e.preventDefault();
var username = $("#username").val();
if( username == '') {
alert('Enter the username');
header('location: register.html');
} else {
var password = $("#password").val();
if( password == '') {
alert('Enter the password');
header('location: register.html');
} else {
var gender = $("#gender").val();
var qualification = $("#qualification").val();
var hobbies = $("#hobbies").val();
var location = $("#location").val();
var company = $("#company").val();
var designation = $("#designation").val();
}}
$.ajax({
url: "register.php",
type: "POST",
data: "username="+username+"& password="+password+"& gender="+gender+"& qualification="+qualification+"& hobbies="+hobbies+"& location="+location+"& company="+company+"& designation="+designation,
success: function(data, status, xhr) {
$('#reg-data').html(data);
$('#username').val('');
$('#password').val('');
$('#gender').val('');
$('#qualification').val('');
$('#hobbies').val('');
$('#location').val('');
$('#company').val('');
$('#designation').val('');
},
error: function(xhr, status, error) {
var err = eval("(" + xhr.responseText + ")");
alert(err.Message); }
});
});
});
</script>
</body>
现在,我又有一个ajax请求,但对将其放在何处感到困惑。
<script src="jquery-1.8.0.min.js"></script>
<script>
$(document).ready(function(){
$('#username').keyup(check_username);
});
function check_username(){
var username = $('#username').val();
$.ajax({
type: 'POST',
url: 'check_username.php',
data: 'username='+ username,
cache: false,
success: function(response){
if(response == 0){
alert('Username available')
}
else {
alert('Username not available')
}
}
});
}
</script>
你可以一个接一个
一个文件中的连续Ajax请求没有任何危害
<script>
$(document).ready(function() {
// for user registration
$('#reg').click(function(e) {
e.preventDefault();
var username = $("#username").val();
if( username == '') {
alert('Enter the username');
header('location: register.html');
} else {
var password = $("#password").val();
if( password == '') {
alert('Enter the password');
header('location: register.html');
} else {
var gender = $("#gender").val();
var qualification = $("#qualification").val();
var hobbies = $("#hobbies").val();
var location = $("#location").val();
var company = $("#company").val();
var designation = $("#designation").val();
}}
$.ajax({
url: "register.php",
type: "POST",
data: "username="+username+"& password="+password+"& gender="+gender+"& qualification="+qualification+"& hobbies="+hobbies+"& location="+location+"& company="+company+"& designation="+designation,
success: function(data, status, xhr) {
$('#reg-data').html(data);
$('#username').val('');
$('#password').val('');
$('#gender').val('');
$('#qualification').val('');
$('#hobbies').val('');
$('#location').val('');
$('#company').val('');
$('#designation').val('');
},
error: function(xhr, status, error) {
var err = eval("(" + xhr.responseText + ")");
alert(err.Message); }
});
});
// check username
$('#username').keyup(function(){
var username = $(this).val();
$.ajax({
type: 'POST',
url: 'check_username.php',
data: 'username='+ username,
cache: false,
success: function(response){
if(response == 0){
alert('Username available')
}
else {
alert('Username not available')
}
}
});
});
});
</script>
创建一个文件registration.js并将整个代码粘贴到没有script
标签的情况下,并将其包含在您的文件中
<script src='path/to/registration.js'></script>
试试这个...
function check_username(){
$.ajax({
type: 'POST',
url: 'check_username.php',
data: 'username='+ $('#username').val(),
cache: false,
success: function(response){
return response;
}
});
}
并在验证中
var successStatus = check_username();
if(successStatus != 1){
alert('username already Exist');
return false;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.