`

a标签点击跳转或表单提交前弹出确认框

 
阅读更多

转载

①html

 <a href="http://www.iteye.com" onclick="if(confirm('确认iteye吗?')==false) return false;">iteye</a>

 

②js

function foo(){
    if(confirm("确认iteye吗?")){
	    return true;
	}
	return false;
 }  

 

标签改为:

<a href="http://www.iteye.com" onclick="return foo();">iteye</a>

 

1.我们这里写的是a标签点击提交出现的跳转事件,

   表单提交时,也是这么做。

2.必须将return 写在标签里,

   否则不管你是否点击确定,都会出现跳转和表单内提交。

分享到:
评论

相关推荐

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    页面跳转 ,又可以弹出消息框

    这种同时弹出消息框和跳转页面的技术在实际开发中有广泛的应用场景,例如在表单提交后成功处理数据时通知用户,或者在登录失败时给予用户反馈并引导其前往登录页面重新尝试。 然而,在使用时也需要注意以下几点: 1...

    链接、页面跳转、隐藏、表单提交

    '))window.top.location.href='/ggsh/member/member_out'"&gt;退出&lt;/a&gt;`,这个超链接在点击时会弹出一个确认框,如果用户选择确认,则页面跳转到`/ggsh/member/member_out`路径下。 - **应用场景**:这些示例展示了...

    代码简洁的点击弹出层源码

    5. **交互逻辑**:弹出层可能包含表单、链接或其他交互元素,需要处理用户的输入和操作,例如提交表单数据、跳转页面等。 "爱问"弹出窗口的实现可能还包含了响应式设计,确保在不同设备和屏幕尺寸下都能良好显示。...

    微信小程序表单弹窗实例

    微信小程序表单弹窗实例是一个能够展示给开发者如何在微信小程序中实现表单提交和处理数据弹窗的实用教程。它详细地介绍了如何使用微信小程序的WXML和JS代码编写,以及如何通过动画效果改善用户体验。接下来,我将...

    jQuery点击标签弹窗确认或取消删除被点击项

    本文将深入探讨如何使用jQuery实现一个功能,即当用户点击某个标签时,弹出确认对话框,允许用户选择是否删除所点击的项。 首先,我们需要在HTML页面中设置基本结构。创建一个或多个带有特定类或ID的标签,这些标签...

    html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

    在`&lt;a&gt;`标签上设置`onclick`事件,可以执行自定义的JavaScript代码,例如弹出确认对话框、执行数据验证或发送Ajax请求等。这种结合使得`&lt;a&gt;`标签不仅可以进行页面跳转,还能在跳转前执行额外的操作。 如描述中所述...

    web弹出式对话框

    在Web开发中,弹出式对话框是与用户交互的一种常见方式,用于提供额外的信息、收集用户输入或确认操作等。本文将深入探讨Web弹出式对话框的实现原理及其应用技巧。 #### 1. 基本概念与用途 **弹出式对话框**是一种...

    两种方式实现的跳转 txt 文件

    3. **条件判断**:如果没有任何复选框被选中,则弹出提示信息并返回。 4. **确认对话框**:使用`confirm`函数让用户确认是否真的要删除所选项目。 5. **修改隐藏表单域**:如果用户确认,则修改隐藏表单域`status`的...

    模拟用户点击弹出新页面不会被浏览器拦截

    `是为了防止按钮的默认行为(通常提交表单或跳转页面),确保点击事件只执行我们定义的功能。 总的来说,通过模拟用户点击`&lt;a&gt;`标签,我们可以绕过浏览器对`window.open`的拦截,实现新页面的正常弹出。这种方法在...

    js确认删除对话框适用于a标签及submit

    从提供的文件信息中,我们可以提炼出关于JavaScript(js)确认删除对话框的关键知识点,这些知识点包括如何将确认删除对话框应用于超链接(a标签)以及表单提交(submit)。以下是详细的知识点: ### JavaScript ...

    js页面跳转 多种javascript页面中转方法

    这段代码首先弹出一个提示框,询问用户是否确定继续,如果用户点击确认,则整个窗口(包括所有框架)都将跳转至`xx.jsp`页面。 #### 应用场景: - **跨框架跳转**:在使用框架布局的页面中,若需要整个页面(包括...

    javascript确认框的三种使用方法

    在这种情况下,可能会有一个表单提交的按钮或者一个删除按钮,在用户点击这些按钮时,通过在onclick事件中调用JavaScript代码来弹出确认框。如果用户确认,则执行表单提交或页面跳转。这可以通过JavaScript的window....

    jQuery点击弹出登录窗口特效代码

    总之,“jQuery点击弹出登录窗口特效代码”是一个结合了jQuery事件处理、CSS样式控制和可能的Ajax交互的前端开发实践,旨在提供一个优雅的用户体验,尤其是对于网站或应用的登录流程。通过深入理解这些技术,开发者...

    用户反馈提交表单网页模板

    这可以通过弹出消息、页面跳转或邮件通知来实现。 9. **后端处理**:表单数据的处理和存储是后台工作的一部分,可能涉及到数据库交互和邮件通知系统,确保收到反馈后,相关人员能及时查看并回应。 10. **表单分析*...

    Web前端大作业2.0.zip

    才能报名,填写完毕后点击报名,会弹出“恭喜棋手,报名成功,请等待组委会后续短信通知比赛规则”提示框,点击确定即可关闭报名成功提示框。 3、网站具体设计过程 首先选定 本网页制作工具是前端开发利器: ...

    jquery弹窗确认美化窗口代码下载.zip

    在"JS特效-表单按钮"这一标签下,我们可以理解这个代码主要应用于与按钮相关的交互事件,比如点击按钮时触发确认弹窗。在网页表单中,按钮经常作为提交、重置或者执行某些操作的关键元素,而这个代码可以帮助开发...

    input链接页面、打开新网页等等的具体实现

    7. **点击按钮弹出确认对话框**: 有时候,你可能希望在用户操作前获取他们的确认。可以使用`alert()`或`confirm()`函数来实现: - 方式一: ```html 确定" class="btn" onClick="alert('是否确认提交?');...

    css 的东东 多看看

    5. **弹出选择框/提示框跳转**:使用`confirm()`和`alert()`函数,根据用户的选择或确认来决定是否进行页面跳转。 接下来是一个利用JavaScript的`window.history.back()`函数实现的后退跳转,通常用于在用户触发...

    jQuery、layer实现弹出层的打开、关闭功能

    layer是一个基于jQuery的弹出层插件,它提供了丰富的弹出层效果,可以轻松实现信息提示、确认框、加载层、层叠层、iframe页面等类型。本文将详细介绍如何使用jQuery和layer插件来实现弹出层的打开和关闭功能。 首先...

Global site tag (gtag.js) - Google Analytics