javascript在确认时更改按钮值

Question

我有这个 JS 代码：

$('#submit').click(function() {
    var res = confirm('You are about to add this Ticket Update with the following:\n\n' + $("textarea[name='ticket_update']").val() + '\n\n' + 'Time Start: ' + $("input[name='timestart_date']").val() + ' ' + $("input[name='timestart_time']").val() + '\n' + 'Time End: ' + $("input[name='timeend_date']").val() + ' ' + $("input[name='timeend_time']").val());
    if(!res) {
        return false;
    }
    else {
        document.getElementById("ticket_update").submit();
    }
});

显示一个带有表单提交数据的弹出框，如果单击“确定”，它将提交表单，否则取消并返回表单。

我希望能够做到这一点：如果在确认框上单击“确定”，则表单按钮将被禁用并且文本值将发生变化。然后表单将正常提交

Answer 1

$('#submit').click(function(e) {
    var res = confirm('You are about to add this Ticket Update with the following:\n\n' + $("textarea[name='ticket_update']").val() + '\n\n' + 'Time Start: ' +   $("input[name='timestart_date']").val() + ' ' + $("input[name='timestart_time']").val() + '\n' + 'Time End: ' + $("input[name='timeend_date']").val() + ' ' +    $("input[name='timeend_time']").val());
    if(!res) {
        e.preventDefault();
    }
    else {
        $("#ticket_update").submit();
    }
});

Answer 2

这是一个小代码sn-p：

http://jsfiddle.net/XE2f6/

$('#submit').click(function() {
var res = confirm('You are about to add this Ticket Update with the following:\n\n' + $("textarea[name='ticket_update']").val() + '\n\n' + 'Time Start: ' + $("input[name='timestart_date']").val() + ' ' + $("input[name='timestart_time']").val() + '\n' + 'Time End: ' + $("input[name='timeend_date']").val() + ' ' + $("input[name='timeend_time']").val());
if(!res) {
    return false;
}
else {
    $("#submit").attr('disabled', 'disabled');
    $("#submit").val("Sending");
    $("#ticket_update").submit();
}

});

$('#ticket_update').submit(function () { Confirm("把你提交的东西放在这里"); });

1. 要求确认
2. 禁用按钮
3. 更改按钮值
4. 在表单上触发提交事件
5. 在表单上捕获触发的提交事件

---

您的表单格式错误，您必须将双引号切换为单引号，将单引号切换为双引号。

<form method="post" action="reviewtickets_history.php?seq=".$_GET['get']."&type=".$_GET['type']."#bo‌ttom" id="ticket_update">
<input type="text" id="input" />
<input type="submit" id="submit" value="Send!" /></form>

Answer 3

如果您使用的是Jquery1.6 或更高版本，请尝试此操作

$('#submit').click(function() {
    var res = confirm('You are about to add this Ticket Update with the following:\n\n' + $("textarea[name='ticket_update']").val() + '\n\n' + 'Time Start: ' + $("input[name='timestart_date']").val() + ' ' + $("input[name='timestart_time']").val() + '\n' + 'Time End: ' + $("input[name='timeend_date']").val() + ' ' + $("input[name='timeend_time']").val());
    if(!res) {
        return false;
    }
    else {
        $("#submit").prop('disabled', true);
        $("#submit").val("my new button label");
        document.getElementById("ticket_update").submit();
    }
});

Prop Reference

Answer 4

这是你的意思吗？

$('#submit').click(function() {
    var res = confirm('You are about to add this Ticket Update with the following:\n\n' + $("textarea[name='ticket_update']").val() + '\n\n' + 'Time Start: ' + $("input[name='timestart_date']").val() + ' ' + $("input[name='timestart_time']").val() + '\n' + 'Time End: ' + $("input[name='timeend_date']").val() + ' ' + $("input[name='timeend_time']").val());
    if(!res) {
        return false;
    }
    else {
        $("#submit").attr('disabled','disabled');
        $("#submit").val("my new button label");
        document.getElementById("ticket_update").submit();
    }
});

如果没有，到目前为止您尝试过什么？

Answer 5

document.getElementById("submit").setAttribute("disabled", "disabled");

或者jquery

$('#submit').click(function(e) {
  e.preventDefault();
  $('#submit').attr('disabled',true);
  //enter code here
}