0
我几乎不熟悉js,但不在php-html web编程上,但是我对js的用法感到困惑。
我使用这个js函数来比较两个输入(密码检查),
这里的小提琴
http://jsfiddle.net/EHUWC/1/未捕获TypeError:对象不是onkeyup上的函数
没事儿那里,对不对?
但它不会在我自己的网页工作,
这里是我的代码(IM使用笨):
<div class="centerTitle">Sign Up Form</div>
<script>
function chkpassword() {
var p1 = document.getElementById("pass1").value;
var p2 = document.getElementById("pass2").value;
if (p1.length > 5) {
document.getElementById("passwordAlert").style.display = 'none';
if (p1 === p2) {
document.getElementById("passwordAlert").style.display = 'none';
validpass = "yes";
} else {
validpass = "no";
document.getElementById("passwordAlert").style.display = 'block';
document.getElementById("passwordAlert").innerHTML = ":(Both passwords must match.";
}
} else {
document.getElementById("passwordAlert").style.display = 'block';
document.getElementById("passwordAlert").innerHTML = ":(The password must be at least 6 characters long.";
}
}
</script>
<?php $attributes = array('name' => 'Form1','onsubmit' => 'return validate()');
echo form_open("visitor/confirm", $attributes);?>
<table>
<tr class='signup'>
<td class='signup1'>Password*</td>
<td class='signup2'>:</td>
<td class='signup3'>
<input id="pass1" onkeyup="chkpassword()" class="signup" type="password" value="" maxlength="20" name="password" />
</td>
</tr>
<tr class='signup'>
<td class='signup1'>Confirm Password*</td>
<td class='signup2'>:</td>
<td class='signup3'>
<input id="pass2" onkeyup="chkpassword()" class="signup" type="password" value="" maxlength="20" name="chkpassword" />
<div id="passwordAlert"></div>
</td>
</tr>
</table>
<input type="submit" value="Daftar">
<?php echo form_close();?>
(我传递什么这个观点)
如果我做了密码输入错误,那么div会不会出来
然后,如果我检查元素,看看在Chrome控制台,它表示onkeyup
得到Uncaught TypeError: Object is not a function
错误
什么我已经错过了?
为什么它在jsfiddle上运行时没问题?
为什么jQuery的标签? – hjpotter92
错误表示您尝试执行此操作:onkeyup(),onkeyup是应该使用的属性:.onkeyup = function(){} – rusln
@ hjpotter92 eddited!抱歉。 ; –