0

我看过很多关于 jquery ajax 的表单验证教程。我发现同样的事情，所有人都只告诉成功的表单验证。如果服务器端验证失败，我需要找到如何显示错误。换句话说，当我们提交一个没有 ajax 的表单时，表单会重新填充错误消息并且输入填充用户提供的。在这种方法中，我们使用了一些很棒的 php 函数，例如 form_prep。这是查看代码。

<?php // Change the css classes to suit your needs    
$attributes = array('class' => '', 'id' => 'login');
echo form_open(SITE_URL.'user/insertUser', $attributes); 
?>

<p>
<label for="username">User Name <span class="required">*</span></label>
<input type="text" name="username" maxlength="255" value="<?php echo form_prep($this->input->post('username'));?>"  />
<span id="username"><?php echo form_error('username'); ?></span><br />
</p>
<p>
<label for="first_name">First Name <span class="required">*</span></label>
<input type="text" name="first_name" maxlength="255" value="<?php echo form_prep($this->input->post('first_name'));?>"  />
<span id="first_name"><?php echo form_error('first_name'); ?></span><br />
</p>

<p>
<label for="last_name">Last Name <span class="required">*</span></label>
<input type="text" name="last_name" maxlength="255" value="<?php echo form_prep($this->input->post('last_name')); ?>"  />
<span id="last_name"><?php echo form_error('last_name'); ?></span><br />
</p>

<p>
<label for="password">Password <span class="required">*</span></label>
<input type="text" name="password" maxlength="255" value="<?php echo form_prep($this->input->post('password')); ?>"  />
<span id = "password"><?php echo form_error('password'); ?></span><br />
</p>

<p>
<label for="email">Email <span class="required">*</span></label>
<input type="text" name="email" maxlength="255" value="<?php echo form_prep($this->input->post('email')); ?>"  />
<span id = "email"><?php echo form_error('email'); ?></span><br />
</p>


<p>
<?php echo form_submit( 'submit', 'Submit', 'id="submit"'); ?>
</p>

<?php echo form_close(); ?>

您可以在此处看到使用了 form_prep($this->input->post('username')) ，这有助于解决安全问题。但是，当我使用相同的表单在验证失败时使用 ajax 重新填充时，它不会显示错误，也不会显示已填充的输入框。而是像第一次加载表单一样加载表单。这是我如何将它与 ajax 一起使用。

首先在一个 div 我正在加载表单

$('#userform').load('<?php $this->load->view('user_form')?>');

现在ajax

$(function()
{
    $('#login').submit(function()
    {
        $.ajax(
        {
            type : 'POST',
            data : $(this).serialize(),
            url  : $(this).attr('action'),
            success : function(data)
            {
                if(data == 1)
                {
                    // do something 
                }
                else
                {
                    $('#userform').load('<?php $this->load->view('user_form')?>');
                }
            }
        });
        return false;
    });
});

最后是我的控制器

function insertUser()
{
    if($this->form_validation->run() == FALSE)
    {
        echo 0;
    }else{
        echo 1;
    }
}
4

1 回答 1

2

我要做的是在此处的控制器中呈现表单，而不是

echo 0;

just do

$html =   $this->load->view('user_form',true);
echo $html;

并在 ajax 函数中替换

else
{
    $('#userform').load('<?php $this->load->view('user_form')?>');
}

和

else 
{
    $('#userform').html(data);
}
于 2012-06-05T07:55:24.040 回答