Javascript 简单JQuery代码-逻辑正确,但警报不';t弹出窗口

Javascript 简单JQuery代码-逻辑正确,但警报不';t弹出窗口,javascript,jquery,html,Javascript,Jquery,Html,需要帮助修复简单的JQuery函数。下面的代码预期显示警报,但在任何时候都没有输出。我对这东西不熟悉。如果出了什么问题,请纠正我 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script> $('#check').click(function() { if ( $('#city').val() == '' ) { alert('Empty!!!'); }

需要帮助修复简单的JQuery函数。下面的代码预期显示警报,但在任何时候都没有输出。我对这东西不熟悉。如果出了什么问题,请纠正我

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>

$('#check').click(function() {

if ( $('#city').val() == '' )
{
    alert('Empty!!!');
}
else
{
    alert('Contains: ' + $('#city').val() );
}

});

</script> 
</head>
<body>
<h3>Registration form</h3>
<form name="form1" method="post" action="">
City: <input type="text" name="city" id="city"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
Phone number: <input type="text" name="Last" value="Mouse"><br>

<button id="check">Check</button>
</form> 

$(“#检查”)。单击(函数(){
if($('#city').val()='')
{
警报('Empty!!!');
}
其他的
{
警报('Contains:'+$('#city').val());
}
});
登记表
城市:
姓氏:
电话号码:
检查
使用函数在DOM完全加载时执行

将代码包装到documentready函数中

 $(document).ready(function () {
   // write you code
    //  $('#check').click(function () {

});

您需要将代码包装在文档就绪处理程序中-
$(document).ready(function(){…
$(function()){…
Jay是对的,解释:脚本在HTML输出之前,因此在运行时,#check元素还不存在。将其标记为重复是不公平的,因为引用与我所问的不同。如果@Frederic可以恢复,这将是有帮助的,因为我对这种东西不熟悉。@Sivakumar,你的意思是重复没有回答你的问题吗?@FrédéricHamidi duplicate可能是答案。但是当我搜索时,或者在我知道确切答案之前,或者在我发布stackoverflow问题之前,因为一个新人无法理解这个问题。