仅在更改的值上添加远程验证

时间:2012-08-24 15:08:54

标签: javascript jquery jquery-validate

我一直在尝试在jquery验证插件上完成此操作,我尝试了几乎所有找到的答案。

但没有一个工作,所以我自己编写了脚本,但它仍然没有用:/

问题: 由于用户自己的电子邮件而导致电子邮件重复检查卡住

我做的是:

我编写了一个函数,它使用EmailValid类将函数绑定到每个元素。 该绑定函数检查该值是否为默认值,如果是,则删除远程规则, 否则添加远程规则。 我还在文档就绪状态下运行“默认值检查功能”。

<input type="hidden" id="Email_default" value="<?php echo $val; ?>" />
<input type="textbox" class="emailValid" id="Email" name="Email" value="<?php echo $val; ?>" /></td>
<script>
$(document).ready(function()
{
    $(".emailValid").each(
    function()
    {
        rules.rules[$(this).attr("id")]=
        {
            required: true,
            email: true,
            remote:"<?php echo base_url(); ?>home/checkmail"
        };
        rules.messages[$(this).attr("id")]=
        {
            required:"Please enter a valid email address",
            email:"Please enter a valid email address",
            remote:"This email address is already registered"
        };
        $("#editForm").validate(rules);
        setRemoteValidation(this);
        $(this).change(
        function()
        {
            setRemoteValidation(this);
        });
    });
});
var rules={
rules:{},
messages:{}
};
function setRemoteValidation(el)
{
    if($("#"+$(el).attr("id")+"_default").val()!=$(el).val())
    {
        $(el).rules("add", {
         rules:         {
            required: true,
            email: true,
            remote:"<?php echo base_url(); ?>home/checkmail"
        },
         messages: {
            required:"Please enter a valid email address",
            email:"Please enter a valid email address",
            remote:"This email address is already registered"
        }
        });
    }
    else
    {
        $(el).rules("remove","remote");
    }
}
</script>

0 个答案:

没有答案