0

更新 我正在使用 jQuery 验证插件和远程方法来检查 ajax 的电子邮件可用性，但我不明白为什么 ajax 只调用一次。当输入电子邮件时，ajax 进行呼叫并在控制台中打印输入的电子邮件，但如果我删除它并在另一封电子邮件中写入，则没有任何反应。

HTML

<input type="text" name="on0" value="Your e-mail" class="form-field no-mr check-email">

jQuery

jQuery.validator.addMethod('defaultInvalid', function(value, element) {
    return !(element.value == element.defaultValue);
}, 'Custom Error Message for this field');

$('.checkout-form').validate({
    rules: {
        on0 : 'required defaultInvalid email'
    }
});

$('.check-email').rules("add", {
    "remote" : {
        url: 'c/',
        type: "post",
        dataType: 'html',
        data: {
            check: function() {
                return $('.check-email').val();
            }
        },
        success: function(data){
            console.log(data);
        },
        error: function(data){
            console.log(data);
        }
    }
});

ajax发帖的PHP

<?php 

echo $_POST['check'];

 ?>
4

2 回答 2

3

ajax 只触发一次的原因是你覆盖了 jQuery validate 远程方法的成功回调。保持简单并尝试这样的事情：

<input name="email_address"/>

带脚本

<script>
$(function () {
    $('form').validate({
        rules: {
            email_address: {
                required:true,
                remote: {
                    url: "your_script.php"
                }
            }
        },
        debug: true,
        submitHandler: function () { alert('ok'); }
    });


});
</script>

和php之类的

<?php 

echo $_GET['email_address'] == "bob";

 ?>
于 2013-01-08T15:54:25.067 回答
-1 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

    $(document).ready(function(){

        $('.checkout-form').validate({
            rules: {
                on0 : {
                    required : true,
                    remote : {
                        url: YOUR_HOST,
                        type: "post",
                        data: {
                            email_address: function()
                            {
                                return $("#email_address").val();
                            }
                        }
                    }
                },
            },
            messages : {
                required:"message",
                remote: "message"
            }
        });
    });
</script>

在 HTML 中

<input type="text" name="on0" value="Your e-mail" class="form-field no-mr check-email" id="email_address"/>

并在 php 代码中

<?php 

echo $_POST['email_address'];

 ?>
于 2013-01-08T12:33:49.040 回答