代码示例:
<script type="text/javascript">
function sendEmail(){
var email = document.f.email.value;
if(email==""){
alert("收邮件地址不能为空!");
document.f.email.focus();
return;
}
document.all('editLink').href = "<%=request.getContextPath() %>/mail/sendEmail?email="+email;
document.all('editLink').click();
}
</script>
<form name="f" action="" method="post">
<a id="editLink" href="aa" style="display:none"></a>
<input name="Submit" type="button" class="button3" value="提交" onclick="return sendEmail()" />
剖析:提交按钮type="Submit"会执行两次提交操作
第一次:执行form的action提交
第二次:执行onclick中调用的函数sendEmail里面的提交
分享到:
相关推荐
在本文中,我们分析了在使用jQuery进行ajax调用时,submit类型按钮和button类型按钮的区别,以及它们各自的使用场景。 首先,我们来看一段使用jQuery的ajax方法进行数据提交的代码示例: ```javascript <script ...
通过分析和实践这个案例,开发者可以更深入地理解和运用按钮组件的各种特性,提升自己的前端技能。 总结来说,按钮组件在UI设计和前端开发中扮演着关键角色,掌握其属性和用法是每位IT专业人员的基础技能。通过对...
HTML与XML是两种不同的标记语言,但在网页设计中,尤其是涉及到用户...同时,结合XML,可以将表单数据结构化,便于进一步的处理和分析。在实际应用中,还可以利用JavaScript进行更复杂的表单验证和动态交互效果的实现。
在这个例子中,`<input type="submit">`按钮会触发表单的提交和执行`test()`函数,而`<input type="button">`按钮则只会调用`test()`函数,并不会提交表单。`test()`函数中调用了`document.getElementById('myform')...
input type=submit name=Button1 value=Button id=Button1 /> 类型为type=submit此类控件点击以后会通过form表单提交,点击以后会作为参数发送到服务端,参数是控件的name属性=控件的value值,服务器端会根据...
- `<button type="submit">`:具有相同功能的按钮元素。 ### 知识点二:JavaScript 控制表单提交 在提供的示例代码中,通过 JavaScript 来控制表单提交到不同的目标地址。这种方法的关键在于利用 JavaScript 动态...
5. `type="Submit"` - 创建提交按钮,用于提交表单数据。 6. `type="Reset"` - 创建重置按钮,用于清除表单中的所有输入。 7. `type="Image"` - 创建图像提交按钮,用户点击图像时提交表单。 8. `type="File"` - ...
在HTML标准中,<button>标签默认的type是submit,这意味着如果按钮被点击且位于表单内,浏览器会尝试提交表单。通过显式设置type为"button",则无论在哪个浏览器下,按钮都不会有提交表单的效果,也就不会引起页面...
5. `<input type="submit">`和`<input type="button">`:提供登录、注册、查看购物车等操作。 6. `<a>`标签:创建超链接,如产品分类,用户点击后跳转到相应商品列表页面。 这些HTML元素与Java Web中的Servlet、JSP...
本文实例讲述了TP5框架实现上传多张图片的方法。分享给大家供大家参考,具体如下: ... 2、view <!--不要忘了引入jquery文件-->...button type="submit" name="submit">添加</button> <script type="tex
<a href="index.html"><input type="button" class="submit" value="登录"> <a href="regist.html"><input type="button" class="submit" value="注册"> <a href="forgetPasswd....
通过以上分析,我们可以看出,HTML表单(form)及其输入元素是Web开发中收集和处理用户数据的核心工具。正确理解和应用这些元素,对于构建功能完善的交互式网页至关重要。开发者应熟练掌握各种输入类型的特性和用法,...
8. `<input type="submit">`和`<input type="button">`:创建提交和普通按钮,前者提交表单,后者执行JavaScript函数或其他操作。 9. `<input type="reset">`:重置表单所有输入项的值。 10. `<input type="hidden">...
需要注意的是,虽然在这个特定例子中没有其他的提交按钮(除了显式声明的`<input type="submit">`),但如果有其他类型的按钮也被设置为具有提交表单的行为(如`<button type="submit">`),它们同样会被`:submit`...
<input class="button" id="traffic_button" type="submit" value="Go"/> ``` - **低效做法**: - `var traffic_button = $("#content.button");` - 这里首先通过ID `#content` 找到了目标元素,然后再通过...
通过对这些问题的解释和分析,可以帮助开发人员更好地理解 JavaScript 的基础知识和应用。 一、HTML 表单输入类型 JavaScript 中的 input 元素有多种类型,包括 text、radio、checkbox、file、button、image、...
例如,我们可以使用`<form>`标签定义表单,`<input>`标签创建输入字段,`<button>`标签创建按钮,通过设置`type`属性来区分文本输入和提交行为。 在"Leting_login"这个项目中,HTML文件可能包含如下代码片段: ```...
<input type="button" name="submit" id="submit" value="注册"> <!-- 表单内容结束 --> ``` 在这个例子中,表单有一个`id`为`submit`的按钮。JavaScript部分如下: ```javascript function formDeal() { var ...
- 提交按钮(`<button type="submit">注册</button>`):用户点击后提交表单数据到服务器。 3. **表单验证**:HTML5引入了内置验证功能,例如`required`属性(`<input required>`)确保字段非空,`pattern`属性...