1

我有这个 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();
    }
});

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

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

4

5 回答 5

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();
    }
});

道具参考

于 2013-10-11T07:59:48.607 回答
0

你是这个意思吗？

$('#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();
    }
});

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

于 2013-10-11T07:57:18.933 回答
0 
$('#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();
    }
});
于 2013-10-11T09:55:56.923 回答
0

这是一个小代码片段：

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>
于 2013-10-11T08:12:15.463 回答
-1 
document.getElementById("submit").setAttribute("disabled", "disabled");

或jQuery

$('#submit').click(function(e) {
  e.preventDefault();
  $('#submit').attr('disabled',true);
  //enter code here
}
于 2013-10-11T07:57:10.710 回答