Question

Jquery的：

    $(document).ready(function(){
    $("#login_form").submit(function(event){
    var username = $.trim($("#username").val());
    var password = $.trim($("#password").val());


    if(username.length < 1){
            if(!$("#user_error").length){
            $("#username_error").append("<p id='user_error'>Required</p>");
            }
    }

    if(username.length < 1|| password.length < 1){ 
    $("#username_error").append("<p id='user_error'>Required</p>");
    $("#password_error").append("<p id='pass_error'>Required</p>");
    event.preventDefault();
    }




    });
});

查看：

<? $attr = array( "id" => "login_form"); echo form_open("KGLogin/verify_login",$attr); ?>
        <table id="loginform">
        <tr>
        <th>Log-in</th>
        </tr>
        <tr>
        <td>
        <input type="text" name="username" id='username' placeholder="Username" />
        </td>
        <td id="username_error"></td>
        </tr>
        <tr>
        <td>
        <input type="password" name="password" id='password' placeholder="Password" />
        </td>
        <td id="password_error"></td>
        </tr>
        <tr>
        <td>
        <input type="submit" name="login" value="Login" />
        </td>
        </tr>
        </table>
        <? echo form_close(); ?>

有更简单的方法吗？如果我在没有输入任何内容的情况下提交两次，它将继续追加。我是jquery的新手，Cant似乎找到了一种简单的方法，google中的所有搜索结果都指向复杂的jqueries。

如何防止函数堆叠错误消息。

Answer 1

我只是把它作为答案，所以没有人会建议。

<?if(form_error('username'))echo "required";;?>

Answer 2

将以下代码放入自动加载文件中。

$autoload['helper'] = array('url','array','html','form');

然后在视图文件中尝试此操作

<?php if (form_error('your field name'))
 {
echo "required";
} 
;?>

Jquery空字段在字段旁边添加消息

2 个答案: