2014-10-01 130 views
0

jQuery的旁边消息: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的新手,不能找到一个简单的方法来做事,谷歌的所有搜索结果指示我复杂的jquery。

我该如何保持堆叠错误信息的功能。

回答

0

我只是把这个作为答案,所以没有人会建议。

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

http://stackoverflow.com/questions/21509180/how-to-set-error-message-for-each-field-in-codeigniter试试这个-php – 2014-10-01 10:35:32

+0

我试过了,它似乎不适合我。谢谢。我只是继续尝试,直到我得到什么错误。 – 2014-10-01 10:54:14

+0

我想你没有autoload自动加载文件 – 2014-10-01 11:26:59

0

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

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

然后在视图文件

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