jQuery: отправка Ajax-запроса и успех не так ли? - PullRequest
0 голосов
/ 01 августа 2010

Итак, я собираюсь сделать регистрационную форму, состоящую из двух частей, и теперь я столкнулся с этим запросом ajax. Мне нужно проверить, правильно ли заполнены поля (адрес электронной почты и имя), прежде чем вы сможете перейти к другой части формы. 1001 *

Я очень новичок в запросе ajax, я немного понимаю и попытался поработать над этим, вот что я сделал:

index.php:

<input name="full_name" type="text" id="full_name" class="required"> 
Email:
<input name="usr_email" type="text" id="usr_email3" class="required email"> 
</td>
</tr>

<script>
    $("#continue").click(function () {
        $.ajax({
           type: "POST",
           url: "dbc.php?check=First",
           data: "full_name&usr_email",
           success: function(msg){
               alert($err);
            }
         });
         $("#First_1").hide();
         $("#Next_2").toggle();
         return false;
    });
</script>

Теперь я хочу, чтобы First_1 скрывался, а Next_2 переключался, ЕСЛИ ТОЛЬКО он успешно прошел контроль (если вывод из запроса равен 1), в противном случае выдайте предупреждение с помощью $ err .. Вот dbc.php? Check = Первый

if(isset($_POST['check']) AND $_POST['check'] == 'First') {
    if(empty($_POST['full_name']) || strlen($_POST['full_name']) < 4)
    {
        $err[] = "FEL - Vänligen ange fullständiga namn. Please enter atleast 3 or more         characters for your name";
    }
    if(!isEmail($_POST['usr_email'])) {
        $err[] = "FEL - Invalid email address.";
    }
    if(empty($err)){
        echo 1;
    }
}

Как я могу заставить это работать, я не думаю, что данные: в запросе ajax правильно ..

Обновление: Форма:

form action="index.php?page=checkin" method="post" name="regForm">
 <div id="First_1">
<table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <table cellpadding="0" cellspacing="5">
                                <tr>
                                    <td style="padding: 5px;">
            Fullständiga namn: 
            </td>
            <td>
            <input name="full_name" type="text" id="full_name" class="required"> 
            </td>
            </tr>
            <tr>
            <td style="padding: 5px;">
            Email:
            </td>
            <td>
                <input name="usr_email" type="text" id="usr_email" class="required email"> 
                </td>
                </tr>
                <tr>
                <td style="padding: 5px;">
            Sex: 
            </td>
            <td><select name="sex"><option value="male">Kille</option><option value="female">Tjej</option></select>
            </td>
            </tr>
            <td>            <td>
                        <input type="submit" id="continue" value="Fortsätt">
                        </td></td>
            </table>
            </td>
            </tr>
            </table>
            </div>
<script>
$("#continue").click(function () {
    $.ajax({
       type: "POST",
       url: "dbc.php?check=First",
       data: {full_name : $('#full_name').val()
             usr_email : $('#usr_email').val()},
       success: function(msg){
           if(msg==1){
              $("#First_1").hide();
              $("#Next_2").toggle(); 
           }else{
              alert(msg)
           }               
        }
     });

     return false;
});
</script>

        <div id="Next_2" style="display: none">
        <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <table cellpadding="0" cellspacing="5">
                                <tr>
                                    <td style="padding: 5px;">
       Lösenord: 
       </td>
       <td>
       <input name="pwd" type="password" class="required password" id="pwd"> 
       </td>
            <td>
            En gång till..
            </td>
            <td>
                    <input name="pwd2" id="pwd2" class="required password" type="password" >
                    </td>
                    <td>
                    <input name="doRegister" type="submit" id="doRegister" value="Register">
                    </td>
</tr>

          </table>
          </td>
          </tr>
          </table>
          </div>
      </form>

1 Ответ

1 голос
/ 01 августа 2010
<script>
$("#continue").click(function () {
    $.ajax({
       type: "POST",
       url: "dbc.php?check=First",
       data: {full_name : $('#full_name').val(),
             usr_email : $('#usr_email').val()},
       success: function(msg){
           if(msg==1){
              $("#First_1").hide();
              $("#Next_2").toggle(); 
           }else{
              alert(msg)
           }               
        }
     });

     return false;
});

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...