密码确认Javascript

密码确认Javascript,javascript,php,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=

我有一个简单的登记表,我决定添加确认我的密码的功能,即使我键入了不同的密码,它似乎也不会检查
我的代码中有错误吗

$(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" );

}
}
$(文档).ready(函数(){
$('input[name=c_password]')。keyup(密码检查);
});
函数密码检查(){
var password=$('input[name=password]')。val();
var c_password=$('input[name=c_password]')。val();
if(c|u password!=密码| c|u password.length<6){
//警报(“测试”);
$('input[name=c_password]')。parent().addClass(“has error has feedback”);
}否则{
$('input[name=c_password]')。parent().removeClass(“has success has feedback”);
}
}
谢谢

演示:

if(c|u密码!=password | c|u密码.length<6){
//警报(“测试”);
$('input[name$=password]')。parent().addClass(“has error has feedback”);
}否则{
...
(您需要在ajax上添加一个“url”)
如果(c|u密码!=密码| c|u密码.长度<6){
//警报(“测试”);
$('input[name$=password]')。parent().addClass(“has error has feedback”);
}否则{
...
(您需要在ajax上添加一个“url”)

看起来您刚刚输入了一些代码。从您提供的内容来看,我猜您需要这样的代码:

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){
...
}
}
if(c|u password!=password | c|u password.length<6){
//这是附加代码
$('input[name=c_password]')。parent().addClass(“has error has feedback”);
}否则{
jQuery.ajax({
成功:功能(响应){
...
}
}
沿着这些思路应该向用户强调一个错误。不要忘记验证服务器端,客户端只是为了方便用户


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

看起来您刚刚输入了一些代码。根据您提供的内容,我猜您希望这样:

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){
...
}
}
if(c|u password!=password | c|u password.length<6){
//这是附加代码
$('input[name=c_password]')。parent().addClass(“has error has feedback”);
}否则{
jQuery.ajax({
成功:功能(响应){
...
}
}
沿着这些思路应该向用户强调一个错误。不要忘记验证服务器端,客户端只是为了方便用户


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

您的代码几乎是正确的,除了您忘记删除类has error,以防c_密码正确

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

您的代码几乎正确,只是在c_密码正确的情况下忘记删除类has error

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

如果密码不匹配,您希望发生什么情况?我希望输入的边框变为红色。您删除url的原因是什么?:)您的密码检查逻辑似乎很好。您只是没有任何代码可以实际执行任何操作。
$('input[name=c_password]'));
什么都不做。它只是一个语句。你的ajax调用也没有实际调用任何东西。你不提供url,你只有一个
成功
处理程序,它永远不会被调用,因为你在那里也从来没有实际执行过任何操作。如果密码不匹配,你希望发生什么?我想知道I的边界nput变为redDid您删除url的原因是什么?:)您的密码检查逻辑似乎很好。您的密码检查逻辑中没有任何实际可以执行任何操作的代码。
$('input[name=c_password]')
什么都不做。它只是一个语句。你的ajax调用也没有实际调用任何东西。你没有提供url,你只有一个
成功的
处理程序,它永远不会被调用,因为你在那里也从来没有实际做过任何事情。不是我,不知道为什么会发生这种情况。不是我,不知道为什么会发生这种情况。谢谢!我完全忘记了!我现在更新它:您不需要删除if-then-else中的类,因为它们在函数开始时被删除谢谢!我完全忘记了!我现在更新它:您不需要删除if-then-else中的类,因为它们在函数开始时被删除