2013-07-29 59 views
0

我正在使用jquery validationEngine进行表单验证。但我无法验证表单验证密码字段。它只是说“字段不匹配”,而我输入相同的密码以及验证密码字段。这里是我的代码,ValidationEngine密码验证问题

<link href="/js/jq_validation/validationEngine.jquery.css" rel="stylesheet" type="text/css" media="screen" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> 
<script src="/img/shop/local.glasses2020.co.uk/contents/js/jquery.validationEngine-en.js" type="text/javascript" ></script> 
<script src="/img/shop/local.glasses2020.co.uk/contents/js/jquery.validationEngine.js" type="text/javascript" ></script> 
<script> 
$(document).ready(function(){ 
    $(".test2").validationEngine(); 
}); 
</script> 


<!---<script src="{$strREQUEST_URI}/img/shop/local.glasses2020.co.uk/contents/js/jquery.validationEngine_old.js" type="text/javascript" ></script>--> 


     <form method="post" action="{$strSecureREQUEST_URI}/register?{$smarty.server.QUERY_STRING}" id="registerform1" name="registerform" class="test2"> 
      <div class="fname"> 
       <div class="txtl">Username:<span style="color:red;">&nbsp;*</span></div> 
        <div class="field"> 
         <input type="text" class="validate[required,length[0,100]] textfield" value="" name="user" id="user" data-errormessage-value-missing="* Username is required!" data-errormessage-custom-error="Let me give you a hint: someone.noone" /> 
        </div> 
      </div> 
      <div class="fname"> 
       <div class="txtl">Password:<span style="color:red;">&nbsp;*</span></div> 
        <div class="field"> 
         <input type="password" class="validate[required] text-input" value="" name="pass" id="password2" data-errormessage-value-missing="* Password is required!" /> 
        </div> 
      </div> 
      <div class="fname"> 
       <div class="txtl">Verify Password:<span style="color:red;">&nbsp;*</span></div> 
        <div class="field"> 
         <input type="password" class="validate[required,equals[password2]] text-input" value="" name="vpass" id="vpass" data-errormessage-value-missing="* Verification Password is required!" /> 
        </div> 
      </div> 
     </form> 

请帮我弄清楚这个问题!

+0

你的代码是完美的,它必须成功运行,我也试过你的代码的工作完美。 –

回答

0

我觉得你

name="pass" id="password2" 

应该是同样喜欢

name="password2" id="password2" 
在提交的密码

。如果您遇到任何问题,请告诉我。

UPDATE

我从您的代码获得了唯一的问题是

<input type="password" class="validate[required] text-input" value="" name="pass" id="password2" data-errormessage-value-missing="* Password is required!" /> 

应该像

<input type="password" class="validate[required] text-input" value="" name="password2" id="password2" data-errormessage-value-missing="* Password is required!" /> 
+0

不,我试过了。不工作! – MJQ

+0

请看看我的更新。这是我在你的代码中发现的唯一问题 – ABorty

+0

再次尝试,但仍然是相同的错误! – MJQ

1

确定。我得到了这个问题。我使用旧版本的验证引擎文件。所以我更新了我的文件,它工作。此外,请注意形式和元素ID。他们应该是不同的。此外,参考上面的“Aritra Chakraborty”答案,名称和ID不需要相同。请注意,如果您有多个带密码的表单并验证密码文件,请确保该名称应该保持相同,如果多个表单提交到相同的链接并且ID应该不同!

0

对于检查确认密码最小字符验证,那么你可以使用

<input type="password" id="password" name="password" class="validate[required,minSize[8]]"/> 
<input type="password" id="confirm_password" name="confirm_password" class="validate[required,equals[password]]"/>