密码确认Javascript

时间:2014-02-28 14:14:09

标签: javascript php

我有一个简单的注册表格,我决定添加确认我的密码的功能,即使我输入不同的密码也似乎无法检查!
我的代码中是否有错误?

$(document).ready(function(){
$('input[name=c_password]').keyup(password_check);

});
function password_check(){  
var password = $('input[name=password]').val();
var c_password = $('input[name=c_password]').val();
if(c_password != password || c_password.length < 6){
    //alert("test");
    $('input[name=c_password]').parent().addClass( "has-error has-feedback" );
}else{
    $('input[name=c_password]').parent().removeClass( "has-success has-feedback" );

}
}

谢谢!

演示:http://jsfiddle.net/52VtD/3217/

3 个答案:

答案 0 :(得分:3)

你的代码几乎是正确的,除非你忘记在c_password正确的情况下删除类has-error。

$('input[name=c_password]').parent().removeClass("has-error")

http://jsfiddle.net/52VtD/3221/

答案 1 :(得分:1)

if(c_password != password || c_password.length < 6){
    //alert("test");
    $('input[name$=password]').parent().addClass( "has-error has-feedback" );
}else{
 ...
  (you need put a 'url' on ajax)

答案 2 :(得分:1)

看起来你只是忽略了一些代码。根据你提供的内容,我猜你想要这样的东西:

if(c_password != password || c_password.length < 6){
    // This is the additional code
    $('input[name=c_password]').parent().addClass( "has-error has-feedback" );
}else{

    jQuery.ajax({
       success: function(response){
...
}
}

沿着这些行的某些内容应突出显示用户的错误。不要忘记验证服务器端,客户端只是为了方便用户。

编辑:实际上,让我们忽略最后一次编辑:/