繁体   English   中英

在注册表格中检查用户的可用性。 当前html文件中已经存在AJAX请求。 如何添加另一个?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM