Kohana验证客户端ajax

时间:2012-08-15 00:08:06

标签: ajax validation kohana

我一直致力于客户端的验证脚本,它使用内置的Kohana验证,尝试以一种既适用于客户端又适用于服务器端的方式。到目前为止,我使服务器端工作,但我需要一些帮助改善我的JavaScript(我的javascript知识不是那么好)并完成实现它。 (目前它适用于输入和textareas)。

随机控制器:

    // ...
    $errors = array();

    if ($this->request->method() == 'POST')
    {
        // Post to validate/look and get the decoded array
        $validate = Request::factory('validate/look')->post($this->request->post())->execute()->body();
        $errors = json_decode($validate, TRUE);

        // Empty array, Validation OK
        if ($errors === array())
        {
            // anything u want here
        }
    }

现在,验证控制器(将从任何控制器或通过ajax调用):

class Controller_Validate extends Controller {

public function action_look()
{
    //$user = $this->user->loader() ? $this->user : NULL;

    //Validation
    $valid = Validation::factory($this->request->post())
        ->rules('name', array(
            array('not_empty'),
            array('min_length', array(':value', 10)),
            array('max_length', array(':value', 80)),
            array('regex', array(':value', '/^[\pL\pN ]++$/uD')),
            array(array($this, 'check_name')),
        ))
        ->rules('description', array(
            array('not_empty'),
        ))
        ->rule('look_tags', array($this, 'check_tags'))
    ;

    $valid->check();

    // Only get messages for the posted fields
    $resp = array_intersect_key($valid->errors('uploadlook'), $this->request->post());

    $this->response->body(json_encode($resp));
}
}

这是javascript:

$(function(){
$('.validate').find('input,textarea').blur(function(){
    var element = $(this);
    var name = $(this).attr('name');
    var value = $(this).val();
    $.ajax({
        type: 'POST',
        url: '/comunidad/validate/look',
        data: name + '=' + value,
        success: function(e){
            e = JSON.parse(e);
            if(e.length !== 0) {
                var msg = e[name];
                var error = '<p>' + msg + '</p>';
                if (element.next().length === 0)    element.after(error);
                else                                element.next().replaceWith(error);
            } else {
                if (element.next().length) element.next().remove();
            }
        }
    });
});

});

我需要一些反馈并且很少帮助完成javascript:)

1 个答案:

答案 0 :(得分:1)

有关代码的一些反馈: 验证代码应放在帮助器中,并且应该只返回一个数组。然后你应该有一个使用助手的AJAX控制器并输出JSON。服务器端检查应该只使用帮助程序。 这样会更清晰,当你可以返回一个数组时,服务器端的json编码/解码非常难看。

javascript出了什么问题?