jquery validate 远程验证仅在字段更改时才有效

Question

<?PHP
$attributes = array('class' => "profile_form", 'id' => "profile_form",'name'=>"profile_form");
echo form_open_multipart("$form_action",$attributes);
?>
<LABEL for='email'>E-Mail</LABEL>
<INPUT type='text' id='email' name="email" class="w200" value='<?PHP echo $email;?>' remote="<?PHP echo base_url()."php/unique_email.php?id=$id"; ?>">
<DIV class='ca clr-lr'>
<input type="submit" id="submitbutton" name="submitbutton" value="<?PHP echo $title;?>" class="pr mbutton"/>
</DIV>
</FORM>

和

    rules: {
        email: {
            required:true,
            email:true
        }
    }

这是我用来验证电子邮件字段的代码。如果我更改电子邮件字段或输入新值，它工作正常，但如果我只是提交表单，它会给我一个错误。经过短暂检查后，我发现如果我不编辑电子邮件字段，则提交按钮不包含在帖子数据中。

我做错了什么，请帮忙。

这是我的控制器代码，它可能有助于扩大调试范围。我正在检查提交按钮是否是帖子数据的一部分。

if($this->input->post('submitbutton') !== false){
        if ($this->form_validation->run('admin_profile_form') == FALSE){
            $form=(array)$this->input->post();
            $data=array_merge($form,$data);
        }else{
            //database fields
            $database = array(
                'first_name' => $this->input->post('first_name'),
                'last_name' => $this->input->post('last_name'),
                'email' => $this->input->post('email'),
                'phone' => $this->input->post('mobile')
            );
            $user_id=$user->id;
            $this->db->where('id',$user_id);
            $this->db->update('users',$database);
            $this->session->set_flashdata('message_type', 'info');
            $this->session->set_flashdata('message', 'Profile updated');
            redirect($this->homepage);
            return;
        }
    }

最后，Fabio Antunes 建议的解决方案奏效了。

我将规则更改如下，并从输入字段中删除了内联遥控器

        email: {
            required:true,
            email:true,
            remote: {
                url: "php/unique_email.php",
                async: false,
                type: "post",
                data: { id: $('#edit_id').val() }
            }
        }

Answer 1

编辑

正如您所说，您的代码已经在运行，您可以将其放在您的 js 文件中 您必须使用此函数$("#profile_form").validate({})，以便在提交和 keyup 事件上进行验证

<script>
$().ready(function() {

        // validate signup form on keyup and submit
        $("#profile_form").validate({
    rules: {
        email: {
            email: true
        }
    },
    messages: {
        email: {
            email: "Please provide a valid email"
        }
    }
}); 
}); 

我注意到在你看来你有这个

<INPUT type='text' id='email' name="email" class="w200" value='<?PHP echo $email;?>' remote="<?PHP echo base_url()."php/unique_email.php?id=$id"; ?>">

换成这个

<INPUT type='text' id='email' name="email" class="w200" value='<?PHP echo $email;?>' remote="<?PHP echo base_url()."php/unique_email.php?id=".$id; ?>">

如果你注意到你的 $id 在字符串中

Answer 2

试试这个设置

$(/*your form*/).validate({  
    onsubmit: true
})