javascript不支持HTML

Question

好吧，我已经想了两天了，但这对我来说毫无意义。所以我有一个注册表用户名，电子邮件，密码和重新输入密码。每个输入都有JavaScript，在每个keyup上都会将用户输入发送到php，在php中进行验证，并在密码下方的div中显示“Good”，div是“password\u feedback”（这一切都很好，如果我输入有效密码，它将在“password feedback”div中显示“Good”）

然后我进行JavaScript检查，查看“密码反馈”中的内容。如果“密码反馈”=“良好”，则“如果语句”将在“检查2”div中显示“良好”，否则将显示“不良”。但这不起作用，它将始终显示“坏”。

现在这里是奇怪的部分我做同样的所有4输入（重新输入密码不去PHP只是java）和用户名和重新输入密码都工作，电子邮件和密码不

var password\u good=文档。getElementById（“密码\反馈”）。innerHTML；

到

var password\u good=文档。getElementById（'feedback'）。innerHTML；（用户名反馈，而不是密码反馈）

然后它将用于用户名。同样，“密码反馈”将显示“良好”，这样才能正常工作。

在javascript中，如果我将所有密码信息替换为用户名信息，它将正常工作，因此我知道它可以正常工作。我甚至不能推测为什么这不适用于密码，而适用于用户名。我尝试了我能想到的一切，我已经缩小了页面，所以它只验证密码。也许有人知道一些我不知道的事情。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#password_feedback').load( 'password-check.php').show();
	
	$('#password_input').keyup(function(){
		//username: is name of variable sent to php, form is name of form, username is name of input
		$.post('password-check.php', { password: form.password.value}, 
		function(result) {
			$('#password_feedback').html(result).show();
		});
		
	});
});
</script>

<!-- begin snippet: js hide: false -->

<script type='text/javascript'>

  function check_info1(){
    var password_good = document.getElementById('password_feedback').innerHTML;

        if(password_good == "Good"){
    document.getElementById("check2").innerHTML = "good";
    }
    else{
        document.getElementById("check2").innerHTML = "bad ";
    }   
        }


</script>

<form name="form" onKeyUp="check_info()" onMouseUp="check_info1()"  >

    Username:<br />
    <input type="text" id="username_input" name="username"><div id="feedback"> </div>

    E-mail:<br/>
    <input name="email" type="text" id="email_input" value=""><div id="email_feedback"> </div>

    Password:<br/>
    <input name="password" type="password" id="password_input" value=""><div id="password_feedback"></div>

     Re-enter Password:<br/>
    <input name="password2" type="password" id="password_retype" value=""><div id="password_feedback2"> </div>

    <input type="submit" value="Submit" class="login_btn"/>

    </form>
    <div id="check"></div>
    <div id="check2"></div>

$connect = mysqli_connect("localhost", "????", "????","?????");

 if (mysqli_connect_errno()){
     echo "failed" . mysqli_connect_error();
 }




$password = mysqli_real_escape_string($connect, $_POST['password']);
$check = mysqli_query($connect,"SELECT password FROM users WHERE password='$password'");
$check_num_rows = mysqli_num_rows($check);


if ($password==NULL)
echo "enter a password";


else if( preg_match( '~[A-Z]~', $password) &&
    preg_match( '~[a-z]~', $password) &&
    preg_match( '~\d~', $password) &&
    (strlen( $password) > 6)){
    echo "Good";
} else {
    echo "Not good enough";
}


?>

Answer 1

尝试将输入类型="密码"更改为输入类型="文本"：

浏览器中的密码处理方式不同，因此您可能会因此与查看结果发生冲突。您可以尝试使用keyup和使用的字符捕获密码字段，但由于以下几个原因，这很混乱：

• 此事件捕获的所有字符在不同浏览器中并不相同（即使是字符子集也可能不使用此事件）

您最好只使用$（输入）。val（）函数，用于在每次触发keyup、keypress或change事件时存储为密码。