简单的JQuery代码 - 逻辑是正确的但警报不会弹出

时间:2014-09-05 13:14:52

标签: 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!!!');
}
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> 

1 个答案:

答案 0 :(得分:2)

使用 document.ready 在DOM完全加载时执行的函数。

将代码包装在文档就绪函数

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

});