bootstrap-4 - 无法在引导程序中使用 Jquery html()
问题描述
无法在引导程序中使用 html() Jquery 函数
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$('#alert').html('Wrong login. Please try again !');
});
});
</script>
</head>
<body>
<div class="container">
<h2>Vertical (basic) form</h2>
<div class="text-danger" id="alert"></div>
<form method="POST">
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter email" name="email">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pwd">
</div>
<div class="checkbox">
<label><input type="checkbox" name="remember"> Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</body>
</html>
想要在用户提交按钮后插入文本错误,但它不起作用。看起来引导程序会在用户执行后覆盖文本。感谢你的帮助。
解决方案
如果按钮类型是提交,则表单将被提交,因此您将看不到点击功能的效果。将按钮 type="submit" 更改为 type="button" 应该可以让您看到您想要的内容。
推荐阅读
- azure - 消息折叠
- java - 在收银机程序中使用模数时遇到问题
- powershell - Select-Object 直接输出到变量
- python - 制定关于思科产品的月度报告计划
- azure-sql-database - 支持在托管 Azure SQL 数据库中创建系统数据库的版本
- excel - 在工作簿之间使用复制目标 vba
- php - Slim Framework - 地图功能
- python - 为什么我的限制超过了前 k 个常见问题 [LEETCODE]?
- javascript - ReactJS:使用 alert() 从用户那里获取输入
- c# - 将应用程序构建从 unity3d 引擎移动到 xamarin 并更新到谷歌控制台