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

如果您使用的是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 2

这是你的意思吗？

$('#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 3

这是一个小代码片段：

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（）{ 确认（“把你提交的东西放在这里”）; }）;

要求确认
禁用按钮
更改按钮值
在表单
Catch触发了表单上的提交事件

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

<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 4

$('#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 5

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

或jquery

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

javascript更改按钮值确认

5 个答案: