jQuery：如何对后端进行ajax调用而不在单击按钮时提交表单？

我这里有一个JSFIDLE：

复制步骤：

在文本框中输入

单击“添加到播放列表”并在文本框中添加一些文本

单击“新建”

警报框似乎不起作用。这里是相关的jQuery函数

$(function() {
    $('form input[type="text"]').live('keyup', function() {
        var val = $.trim(this.value);
        $('form .create-playlist-button').prop('disabled', val.length == 0)
    });
    $('form .create-playlist-button').click(function(e) {
        var title = $(e.target).closest('.video-detail').find('.title').text();
        alert(title);
    });
});

请帮助理解为什么这不起作用

---

更新

所以不允许每天问超过6个问题。所以我在这里更新

我改成了小提琴，它现在在这里--

需要

• 单击按钮时，不应发布表单

“新建”按钮正在提交表单

您必须终止提交该表单的事件，否则它将被提交，您的页面将自动刷新，发布（或获取）表单数据。

“新建”按钮正在提交表单

---

您必须终止提交该表单的事件，否则它将被提交，您的页面将自动刷新，发布（或获取）表单数据。

您的单击事件未注册，您应该将按钮定义为按钮而不是提交

var clickAdded = false;

// creating new playlist
$(function() {
        $('form input[type="text"]').live('keyup', function() {
            var val = $.trim(this.value);
            $('form .create-playlist-button').prop('disabled', val.length == 0);
            if (val.length > 0 && !clickAdded) {
                $('form .create-playlist-button').click(function(e){
                     var title = $(e.target).closest('.video-detail').find('.title').text();
                     alert(title); return false;
                 });
                clickAdded = true;
            }

        });});

---

您的单击事件未注册，您应该将按钮定义为按钮而不是提交

var clickAdded = false;

// creating new playlist
$(function() {
        $('form input[type="text"]').live('keyup', function() {
            var val = $.trim(this.value);
            $('form .create-playlist-button').prop('disabled', val.length == 0);
            if (val.length > 0 && !clickAdded) {
                $('form .create-playlist-button').click(function(e){
                     var title = $(e.target).closest('.video-detail').find('.title').text();
                     alert(title); return false;
                 });
                clickAdded = true;
            }

        });});

---

控制台中有很多错误。控制台中有很多错误。谢谢你提到，请查看更新，关于我的要求，也许你对如何实现这一点有一个公平的想法，请advice@daydreamer提出一个新问题。因此，它不是调试服务。你不能一直用新问题更新你的问题。谢谢你提到，请看更新，关于我的要求是什么，也许你对如何实现这一点有一个公平的想法，请advice@daydreamer提出一个新问题。因此，它不是调试服务。你不能一直用新问题更新你的问题。