2013-06-26 66 views
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上运行时没问题?

+0

为什么jQuery的标签? – hjpotter92

+0

错误表示您尝试执行此操作:onkeyup(),onkeyup是应该使用的属性:.onkeyup = function(){} – rusln

+0

@ hjpotter92 eddited!抱歉。 ; –

回答

0

我更改了确认密码名称(chkpassword),因为它与js函数名称相同。

<input id="pass2" onkeyup="chkpassword()" class="signup" type="password" value="" maxlength="20" name="chkpassword" /> 
<input id="pass2" onkeyup="chkpassword()" class="signup" type="password" value="" maxlength="20" name="chkpasswordx" /> 

信贷@ Sumurai8

相关问题