MooTools 异步请求验证

http://www.chinamootools.com/

问题 MooTools 异步请求例子

<{foreach from=array('0','1','2','3','4') item=cat_f key='key'}>
<tr>
    <th><em class="red">*</em><{t}>名称：<{/t}></th>
    <td><{input type="text" name="cat_f[{$key}][cat_name]"
        onchange="nameCheck(this)" size="20" vtype="required"}>
        <span></span>
    </td>
</tr>
<{/foreach}>

<form method="post" action="index.php?app=tfsh&amp;ctl=admin_cat&amp;act=save" id="add_form">
    <div class="tableform">
        <div class="division">
            <table cellpadding="0" cellspacing="0" border="0">
                                <input type="hidden" value="add_f" name="add_f">
                                <tbody><tr>
                    <th><em class="red">*</em>名称：</th>
                    <td><input class="x-input" type="text" name="cat_f[0][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f70">                        <span></span>
                    </td>
                </tr>
                                <tr>
                    <th><em class="red">*</em>名称：</th>
                    <td><input class="x-input" type="text" name="cat_f[1][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f71">                        <span></span>
                    </td>
                </tr>
                                <tr>
                    <th><em class="red">*</em>名称：</th>
                    <td><input class="x-input" type="text" name="cat_f[2][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f72">                        <span></span>
                    </td>
                </tr>
                                <tr>
                    <th><em class="red">*</em>名称：</th>
                    <td><input class="x-input" type="text" name="cat_f[3][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f73">                        <span></span>
                    </td>
                </tr>
                                <tr>
                    <th><em class="red">*</em>名称：</th>
                    <td><input class="x-input" type="text" name="cat_f[4][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f74">                        <span></span>
                    </td>
                </tr>
            </tbody></table>
        </div>
    </div>
    <div class="table-action">
        <button type="submit" id="newmember-edit-form-submit" class="btn"><span><span>保存</span></span></button><button class="btn btn-secondary " isclosedialogbtn="true" onclick="W.page('index.php?app=tfsh&amp;ctl=admin_cat&amp;act=index')" type="button"><span><span>取消</span></span></button>
    </div>
</form>

<script>
        (function(){
            var _form = $('add_form');
            var btn =$('newmember-edit-form-submit');
            //var finder = finderGroup['Array'];
            _form.store('target',{
                onComplete:function(){

                },
                onSuccess:function(response){
                    var hash_res_obj = JSON.decode(response);
                    if (hash_res_obj.success != undefined && hash_res_obj.success != "")
                    {
                        try{
                            var _dialogIns = btn.getParent('.dialog').retrieve('instance');
                        }catch(e){}

                        if(_dialogIns)
                        {
                            _dialogIns.close();
                            finder.refresh.delay(400,finder);
                        }
                    }
                    else
                    {
                        //alert(hash_res_obj.error);
                    }
                }
            });

            btn.addEvent('click',function(){
                _form.fireEvent('submit',{stop:$empty});

            });

        })();
        function nameCheck(input){
            new Request({
                url:'/desktop/index.php?app=tfsh&ctl=admin_cat&act=namecheck',
                method:'post',
                data:input.name+'='+encodeURIComponent(input.value=input.value.trim()),
                onSuccess: function(rs) {
                    rs = JSON.decode(rs);
                    if(rs.error) {
                        input.getNext().innerHTML = '<span class="error caution notice-inline">' +rs.error + '</span>';
                    }
                    else if(rs.success) {
                        input.getNext().innerHTML = '<span class="success notice-inline">' +rs.success + '</span>';

                    }
                }
            }).send();
        }
    </script>

public function namecheck()
{
    $checkname =  '';
    if(!$checkname){
        echo json_encode(array('error'=>app::get('tfsh')->_('输入的名称有误,请重新输入')));exit;
    }else{
        echo json_encode(array('success'=>app::get('tfsh')->_('该名称可用')));exit;
    }
}

$this->begin('index.php?app=tfsh&ctl=admin_cat&act=index');

$this->end(true,app::get('tfsh')->_('保存成功'));

$this->end(false,app::get('tfsh')->_('输入的名称有误,请重新输入'));