Javascript 为什么“type=button”而不是“type=submit”不起作用

你好，我有这个代码：

我的问题是：

如果我改变主意

<input id="ContactForm1_contact-form-submit" type="submit" value="Confirmation">

选择付款 贝宝 银行转账 货到付款

---

删除“text”并添加“val”，同时为submit按钮编写click handler函数，replace type=submit to button

$'ContactForm1\u contact-form-submit，输入，选择'。单击“更改”，功能E{ e、 防止违约； var消息、姓名、电子邮件、电话、地址、Trx、付款； Name=$'inputContactForm1_contact-form-Name'.val； 电子邮件=$'inputContactForm1_contact-form-Email'.val； 电话=$'inputform-Phone'.val； 地址=$'inputform-Address'.val； Trx=$'inputform-trxid'.val； 付款=$'selectform-Payment'.val； 消息=-订单详细信息-+'\n'； 消息+=名称：+Name+'\n'； message+=电子邮件：+Email+'\n'； message+=Phone:+Phone+'\n'； 消息+=地址：+地址+'\n'； 消息+=Trx ID:+Trx+'\n'； 消息+=付款：+付款+'\n'； $'textareaContactForm1_contact-form-email-message'.valmessage； }; 选择付款 贝宝 银行转账 货到付款

---

因为之前您使用type=submit及其功能，所以每当您单击此按钮时，它都会提交包含此按钮的HTML表单。但是现在您想要使用type=按钮，它不会提交表单

早些时候，您连接了表单的提交事件，因为单击按钮它会提交表单，但现在，由于type='button'不会提交表单，因此您的事件不会被触发

现在可以做的是，在新的type='button'上连接click事件

---

哈哈，看起来很不错，如何在输入时自动插入到文本区输入你的问题标题，并且问题描述不相关，在标题中你提到自动输入，而在描述中你需要如何提交，每次只保留一个问题。@Almaftuchin:添加/更新输入时，请参阅我在文本区域中自动插入的答案

<input id="ContactForm1_contact-form-submit" type="button" value="Confirmation">

<input id="ContactForm1_contact-form-submit" type="button" value="Confirmation">

$('#ContactForm1_contact-form-submit').click(function(e) {
    e.preventDefault();
    var message, Name, Email, Phone, Address, Trx, Payment;

    Name = $('input#ContactForm1_contact-form-name').val();
    Email = $('input#ContactForm1_contact-form-email').val();
    Phone = $('input#form-phone').val();
    Address = $('input#form-address').val();
    Trx = $('input#form-trxid').val();
    Payment = $('select#form-payment').val();

    message = "- Order Detail -" + '\n';
    message += "Name: " + Name + '\n';
    message += "Email: " + Email + '\n';
    message += "Phone: " + Phone + '\n';
    message += "Address: " + Address + '\n';
    message += "Trx ID: " + Trx + '\n';
    message += "Payment: " + Payment + '\n';
    $('textarea#ContactForm1_contact-form-email-message').text(message);
});