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

标签 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> 

最佳答案

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

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

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

});

关于javascript - 简单的 JQuery 代码 - 逻辑是正确的,但警报不弹出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25686791/

相关文章:

javascript - 如何添加自定义 css3 动画以及悬停时的过渡?

javascript - Bootstrap typeahead 和 codeigniter

javascript - html表单输入javascript求和字段

javascript - 从选定的 tr 中获取特定 css 类的值

javascript - 声明式与编程式 GraphQL

javascript - 如何使用字符串作为更新对象的键

html - 使div居中对齐

javascript - 忽略 git 预提交期间的 eslint 错误

javascript - AngularJS - Controller 中未定义 ng-model

html - 调整大小时,背景不会填满 div 的整个高度