我是 javascript 编程新手,所以我希望这是一个简单的问题...我希望我的网页允许用户在两个单独的字段中输入音乐曲目名称和艺术家,一旦你点击“go”,javascript将运行并将输入解析为字符串。为了测试,我尝试查看这些输入是否被采用,并且我尝试将它们打印到控制台,但是没有任何内容打印到控制台。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Spotify</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="main-container">
<div class="header">
<p>TrackSelector</p>
</div>
<section>
<div class="form">
<form action="">
<input type="textt" class="track" placeholder="Enter track..." />
<input type="texta" class="artist" placeholder="Enter artist..." />
<button type="button" class="submit-btn">GO</button>
</form>
</div>
</section>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
Javascript 文件:
const app = {};
//Allow the user to enter names
app.events = function() {
$('form').on('button', function(e){
e.preventDefault();
let tracks = $('input[type=textt]').val();
let artists = $('input[type=texta]').val();
console.log(tracks);
console.log(artists);
});
};
//
//
app.init = function(){
app.events();
};
$(app.init);
我相信我已经指定接受正确的输入并指定正确的按钮参考,已经尝试过其他方法,但我仍然很困难......有什么想法吗?
更换
$('form').on('button', function(e){
与
$('form .submit-btn').on('click', function(e){
jQuery
.on()
期望事件名称作为其第一个参数。
我需要同样的东西,谢谢。
没有输入类型
type="textt"
和texta
。只有预定义的类型,如文本、电子邮件、密码、复选框等...因此,在两个输入中都输入“文本”,以供参考使用 id:<input id="my_track" type="text">
。然后在 javascript 中通过 $('#my_track').val();
获取值来处理提交使用 $('form').on('submit', func)