1. 当使用button标签时，不需要加入任何事件。当点击时会自动提交form表单。onsumbit的验证也会起不到作用。
2. 解决此问题，可以将button标签换成div标签。此时要添加点击事件，手动提交表单。
<form action="<%=basePath%>orderManage/saveRemark.do" method="post"
id="saveOrderRemark">
<input type="hidden" id="flag" value="${flag }" /> <input
type="hidden" name="businessId" value="${businessId }" /> <input
type="hidden" name="businessType" value="${businessType }" />
<div class="col-xs-12">
<h3 class="header smaller lighter">备注</h3>
<div>
<textarea
style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 69px;"
id="orderRemark" name="remark" maxlength="150"
class="autosize-transition form-control"></textarea>
</div>
</div>
<div class="col-xs-12 center header">
<div id="default-buttons">
<p><!--在此应该注意button与div-->
<button class="btn btn-primary" id="but_remark_save" >确认</button>
<div class="btn btn-primary" id="but_remark_cancel" onclick="closeWin()">取消</div>
</p>
</div>
</div>
</form>
相关推荐
在网页设计中，有时我们希望使用更具视觉吸引力的元素，比如图像（Image）来替代传统的按钮（Button）作为表单的提交方式。标题和描述提到的问题是如何使用图像提交表单而不触发双重提交的问题。双重提交可能导致...
<button type="submit">提交</button> </form> ``` 现在，我们可以使用jQuery选择器选取表单元素，并调用`.ajaxSubmit()`方法实现异步提交： ```javascript $(document).ready(function() { $('#myForm')....
这样可以避免因图像点击触发的默认提交行为。代码如下： ```html function submitForm() { document.getElementById('formtest').submit(); } <form method="post" action="formtest....
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
在这个示例中，我们阻止了表单的默认提交行为，然后使用`serialize()`方法获取表单数据。接着，我们使用`$.ajax()`函数发起异步请求。在`success`回调中，我们处理服务器返回的成功或错误信息。如果服务器返回JSON...
在HTML中，`<form>`元素用于创建...总结来说，要修改HTML表单的默认提交方式，只需在`<form>`标签中添加`method="post"`属性即可，同时确保服务器端代码能够正确处理POST请求。这有助于提高数据传输的安全性和隐私性。
在一个网页表单(form)中，通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而，在某些特定情况下，我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...
- **设置默认提交按钮**：通过设置`form`属性，将某个按钮指定为表单的默认提交按钮，例如`<button form="myForm" type="submit">提交</button>`。 - **监听键盘事件**：使用JavaScript，通过监听`keyup`或`keydown`...
1. **默认行为**：`submit`按钮默认会提交表单，而`button`按钮不会。 2. **灵活性**：`button`提供了更多的编程灵活性，可以用来触发自定义的JavaScript事件，而`submit`更专注于表单的提交功能。 3. **应用场景**...
<button type="submit">提交</button> </form> ``` 在这个例子中，我们有两个输入字段：用户名和邮箱，它们的`name`属性用于标识数据的键（key）。 接下来，我们需要在JavaScript中获取表单数据并将其转换为JSON...
1. **默认提交**：当用户点击`<input type="submit">`按钮，表单会按照`<form>`标签的`action`属性指定的URL进行提交，通常是通过HTTP的GET或POST方法。 2. **JavaScript事件处理**：通过为`<input type="submit">`...
// 阻止默认的表单提交行为 var formData = new FormData(form); for (var pair of formData.entries()) { console.log(pair[0] + ', ' + pair[1]); // 打印每个表单字段及其值 } // 在这里处理表单数据 }; /...
与id不同，name属性在表单提交中起到标识作用，后端通常通过name来获取对应的表单值。因此，为表单内的元素添加合适的name属性是获取数据的前提。 再者，为了能够让layui识别表单并提供额外的交互功能，需要为表单...
这里我们介绍一下form元素与表单...接受请求的URL，该值可以被form元素中的input或button元素的formaction属性覆盖 elements 表单中所有控件集合(HTMLCollection) enctype 请求的编码类型，该值可以被form元素中的
如果需要`button`按钮完成表单提交，可以在JavaScript中手动调用`document.form1.submit()`来实现。这种方式适用于有多个提交按钮的场景，可以根据用户的选择来确定提交到哪个控制器。 例如，如果你希望所有提交都...
在移动应用开发中，按钮（Button）是用户界面不可或缺的元素，它承载着用户的操作行为，如点击提交、打开新页面、执行特定功能等。在 UniApp 开发框架中，Button 组件扮演着同样的角色，提供了丰富的样式和交互功能...
表单通常包含各种输入元素，如`<input>`（文本框、密码框等）、`<textarea>`（多行文本输入）、`<select>`（下拉菜单）和`<button>`（提交或重置按钮）等。例如： ```html <form id="myForm"> 用户名: ...
<button type="submit" id="submitBtn">提交</button> </form> document.getElementById('myForm').addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认的表单提交行为 var btn...