使用php返回的json数据中的jquery显示单个错误

使用php返回的json数据中的jquery显示单个错误,php,jquery,codeigniter,Php,Jquery,Codeigniter,我正在使用Codeigniter框架创建我的web应用程序 我有一个供用户输入用户名和密码的登录表单,还有一个“记住我”复选框。用户提交表单后,它使用jqueryajax提交表单,并将post数据发送到登录控制器提交函数进行数据检查和操作。运行submit函数后,如果用户登录,则返回一个JSON数组。如果用户成功登录,他/她将被发送到仪表板,如果他们没有成功登录,则会显示一条错误消息,让用户知道出现了问题 我想要的是验证规则,这些规则不会传递到php端,而是显示在相应的输入字段下,就像在jQue

我正在使用Codeigniter框架创建我的web应用程序

我有一个供用户输入用户名和密码的登录表单,还有一个“记住我”复选框。用户提交表单后,它使用jqueryajax提交表单,并将post数据发送到登录控制器提交函数进行数据检查和操作。运行submit函数后,如果用户登录,则返回一个JSON数组。如果用户成功登录,他/她将被发送到仪表板,如果他们没有成功登录,则会显示一条错误消息,让用户知道出现了问题

我想要的是验证规则,这些规则不会传递到php端,而是显示在相应的输入字段下,就像在jQuery表单验证中一样。我正在运行这两个验证,以防jQuery端有什么东西逃过了我的视线,PHP抓住了它并修复了问题

到目前为止,它显示一条消息,说它没有通过验证,但我在弄清楚如何在用户输入框下显示未通过的验证规则时遇到了问题

这是目前为止从php返回的JSON消息。所以现在它说有一个错误,它让用户知道表单没有验证,并且包含错误消息,这是它没有验证的原因

{"output_status":"Error","output_title":"Form Not Validated","output_message":"The form did not validate successfully!","error_messages":{"username":"This is not have an accepted value!"}}

<div style="display:none"  id="message_container"><button type="button" class="close" data-dismiss="alert">&times;</button></div>
<div class="login_container">
<?php $attributes = array('id' => 'login_form', 'class' => 'form-horizontal'); ?>
<?php echo form_open('login/submit', $attributes); ?>
<div class="form-row row-fluid">
    <div class="spa12">
        <div class="row-fluid">
            <?php $attributes = array('class' => 'form_label span12'); ?>
            <?php echo form_label('Username<span class="icon16 icomoon-icon-user-3 right gray marginR10"></span>', 'username', $attributes); ?>
            <?php $attributes = array('name' => 'username', 'id' => 'username', 'value' => '', 'class' => 'span12 text valid'); ?>
            <?php echo form_input($attributes); ?>
        </div>
    </div>
</div>
<div class="form-row row-fluid">
    <div class="span12">
        <div class="row-fluid">
            <?php $attributes = array('class' => 'form_label span12'); ?>
            <?php echo form_label('Password<span class="icon16 icomoon-icon-locked right gray marginR10"></span><span class="forgot"><a href="#">Forgot your password?</a></span>', 'password', $attributes); ?>
            <?php $attributes = array('name' => 'password', 'id' => 'password', 'value' => '', 'class' => 'span12 password'); ?>
            <?php echo form_password($attributes); ?>
        </div>
    </div>
</div>
<div class="form-row row-fluid">                       
    <div class="span12">
        <div class="row-fluid">
            <div class="form-actions">
                <div class="span12 controls">
                    <input type="checkbox" id="keepLoged" value="Value" class="styled" name="logged" />Keep me logged in
                    <button type="submit" class="btn btn-info right" id="loginBtn">
                        <span class="icon16 icomoon-icon-enter white"></span>
                        Login
                    </button>
                </div>
            </div>
        </div>
    </div> 
</div>
</form>
</div>
{“输出状态”:“错误”,“输出标题”:“表单未验证”,“输出消息”:“表单未成功验证!”,“错误消息”:{“用户名”:“这不是一个可接受的值!”}
&时代;

你可以这样做。在php端,如果验证失败,则返回错误消息和字段名 然后使用字段名在jQuery中进行选择并附加错误消息

$(fieldname).append(<span>error</span>);
$(字段名).append(错误);