JavaScript--取消a标签和form的submit提交默认行为
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/**
* 取消浏览器默认行为
* 如：
* a链接跳转，
* submit按钮提交表单
* （PS:右键弹出菜单也是）
* 实现方式：
* event.preventDefault();
* return false;
*
* */
window.onload = function () {
var link = document.getElementById('link');
var check = document.getElementById("check");
// 表单元素获取
var inputTexts = document.querySelectorAll("[type='text']");
link.onclick = function () {
//取消浏览器默认行为
//event.preventDefault();
return false;
} // 阻止右键弹出菜单
document.oncontextmenu = function () {
return false;
} check.onclick = function () {
event.preventDefault();
if(inputTexts[0].value.indexOf('username') != -1) {
console.log("登录成功！请跳转页面~");
}else{
console.log("登录失败！请重新充值~");
}
} }
</script>
</head>
<body>
<form action="http://www.baidu.com">
<!-- 表单提交的时候，往往要先把数据进行验证，所以要先把默认的提交行为取消，数据通过检测合法后，配合JS实现数据的提交 -->
<input type="text" value="我是username!!" name="username">
<input type="submit" value="提交" id="check"/>
</form>
<a href="http://www.baidu.com">a链接标签有默认行为</a>
<a href="#">a链接标签有默认行为</a>
<a href="javascrit:;">a链接标签有默认行为</a>
<a href="http://www.baidu.com" id="link">a链接标签有默认行为</a>
</body>
</html>
JavaScript--取消a标签和form的submit提交默认行为的更多相关文章
- 【jquery采坑】Ajax配合form的submit提交（微擎表单提交，ajax验证，submit提交）
1.采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还 ...
- ASP.Net MVC跳转，分为form的submit提交跳转和ajax跳转
1,用jquery ajax跳转的话,需要在前台用window.location("跳转网址")来跳转,在success后使用 2,用原声的form的submit来跳转,如下图 3 ...
- a标签替代input的submit提交功能
在工作中有时候会遇到A标签,但是提交表单的时候我们需要用到submit来提交表单,下面几行代码很好的解决了这个问题! <div class="btn"><a hr ...
- extjs在form表单提交成功、故障响应信息
类别Ext.form.Action.Submit 处理表单Form数据并返回response类对象. 这个类的仅在形式实例Form{@link Ext.form.BasicForm#submit 提交 ...
- Form 表单提交的几种方式
简单的总结一下form表单提交的几种方式:1.最简单的方式 就用form的submit提交方式,这种提交方式是不需要回调函数的 这种方式最近到一个form提供action路径后台接受就可以< ...
- form表单嵌套，用标签的form属性来解决表单嵌套的问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
- JavaScript动态修改html组件form的action属性
用javaScript动态修改html组件form的action属性,可以在提交时再决定处理表单的页面. <%--JavaScript部分--%><script language=& ...
- html 常用标签 a form input 标签 等等等
前端HTML HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk ...
随机推荐
- 两队列模拟一个栈，python实现
python实现两个队列模拟一个栈: class Queue(object): def __init__(self): self.stack1=[] self.stack2=[] def enqueu ...
- MaxCompute用户初体验
作为一名初次使用MaxCompute的用户,我体会颇深.MaxCompute 开箱即用,拥有集成化的操作界面,你不必关心集群搭建.配置和运维工作.仅需简单的点击鼠标,几步操作,就可以在MaxCompu ...
- OpenCV读取RTSP视频流
用opencv的VideoCapture读取RTSP视频流,只有opencv3.1版本可以,之前的版本都无法读取视频流.可能的原因是云平台的RTSP视频流太差,经常错码.项目最后使用的是opencv2 ...
- md5密码入库
<?php //连接数据库 $pdo = new PDO('mysql:host=localhost;dbname=md5;charset=UTF8', 'root', ''); # 设置为fa ...
- php用正则表达式匹配URL的简单方法（亲测可行）
https://www.jb51.net/article/43093.htm 在PHP的官网上看到的parse_url()函数的替代方案.结果和parse_url()函数差不多,是使用正则实现的.UR ...
- MySQL实战总结
极客上买了<MySQL实战45讲>,用导图大致总结后,跟大家分享下
- ms12-020复现-xp蓝屏
漏洞名:MS12-020(全称:Microsoft windows远程桌面协议RDP远程代码执行漏洞) 介绍:RDP协议是一个多通道的协议,让用户连上提供微软终端机服务的电脑. windows在处理某 ...
- Jmeter设置中文汉化
下载汉化包logkit-2.0.jar 将汉化包copy至 jmeter文件的lib目录下 打开Jmeter软件,设置汉化包 Options -> ChooseLanguage -> ...
- VC++ ComBox下拉菜单看不到值
在使用ComBox的时候,我是预先在属性页里面添加了数据的.但是在运行程序是发现,点击下拉时,一个值都看不到! 如图: 在这:http://blog.csdn.net/nma_123456/artic ...
- goland快捷键使用
查找替换: 格式化代码块:ctrl+alt+L将选中的行自动对齐:ctrl+alt+I优化没必要的imports:ctrl+alt+O展开代码块:ctrl+“+”展开文件中所有代码块:ctrl+shi ...