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

Simple JQuery code- Logic is correct but alert doesn't popup

本文关键字:不正确 弹出 代码 JQuery 简单      更新时间:2023-09-26

需要帮助修复简单的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> 

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

将代码包装在文档准备功能中

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