2014-02-25 58 views
0

不知道,我在做什么地方和我做错了。我已经完成了这100次,并从未遇到过这样的问题。 我有以下HTML按钮无法绑定单击事件与按钮

<input class="button wide" type="button" id="hello123" onclick="test()" value="CLEAR FORM" style="alignment-adjust:" /> 

和一个简单的测试功能

function test(){ 
    alert("test"); 
} 

我测试它在Chrome,但在控制台得到以下异常

Uncaught ReferenceError: test is not defined 

我也试图绑定点击事件使用Jquery使用以下代码

$("#hello123").bind("click", function() { 
    alert("User clicked on 'button.'"); 
}); 

不知道什么确切的是问题

奇怪变薄是,我有一些其他的功能在我的JSP文件,之后就被触发完美的罚款。

我找到了确切的问题

var validator = $("#register_form").validate({ 
    validator.resetForm(); 
    focusCleanup: true, 
// some rules etc 

}); 

validator.resetForm();导致问题

+0

你有你的js文件吗? –

+0

我创建了一个[fiddle](http://fiddle.jshell.net/7bJcB/),你的第一个例子工作正常http://fiddle.jshell.net/7bJcB/我们需要看到整个页面来帮助你调试问题。 –

+1

看起来像'test'在局部范围内定义..不在全局范围内 –

回答

0

如果我们定义绑定里面的文件准备好,然后它的做工精细,请参阅下面的

$(document).ready(function(){ 
$("#hello123").bind("click", function() {alert("User clicked on 'button.'"); 
}); 

}); 

http://jsfiddle.net/94u58/2/

0
<!DOCTYPE> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>Untitled Page</title> 
</head> 
<body> 
    <input class="button wide" type="button" id="hello123" onclick="test()" value="CLEAR FORM" style="alignment-adjust:" /> 

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script> 
<script type="text/javascript"> 

function test() { 
    alert("test"); 
} 
$(document).ready(function() { 
    $("#hello123").bind("click", function() { 
     alert("User clicked on 'button.'"); 
    }); 
}); 

</script> 
</body> 
</html>