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 ...
随机推荐
- [转]绑定到异步的ObservableCollection
在进行WPF开发过程中,需要从一个新的线程中操作ObservableCollection,结果程序抛出一个NotSupportedException的错误: This type of Collecti ...
- Odoo 新 API 概述
__all__ = [ 'Environment', 'Meta', 'guess', 'noguess', 'model', 'multi', 'one', 'cr', 'cr_context', ...
- 移动端video视频播放问题
1.视频播放后自动全屏 video添加playsinline webkit-playsinline属性 2.安卓暂停或播放完毕不能滑动 通过js判断机型,安卓去掉controls属性,ios保留co ...
- 程序员总数3W+，阿里巴巴首次公开2018代码数据报告
- tyvj 1266 费解的开关
传送门 解题思路 枚举第一行的状态,判断后面可不可行. 代码 #include<iostream> #include<cstdio> #include<cstring&g ...
- MySQL数据库 字段操作 多表关系(更新中...)
外键 (foreign key) ## 外键 ```mysql # 作者(author):id,name,sex,age,mobile, detail_id # 作者详情(author_detail) ...
- JasperReports报表组15
组在JasperReports的协助组织对报告的数据以逻辑方式.报告组代表连续记录的数据源中有一些共同点,比如某个报表字段的值的序列.报告组由<group>元素定义.一个报表可以有任意数量 ...
- Python中函数的定义必须在调用的前面
# -*- coding:utf-8 -*- Python中函数的定义必须在调用的前面,但是在函数的内部调用一个函数,不用考虑顺序,只要被调用的函数被定义了即可 #标准的先函数定义,后函数调用def ...
- Django项目：CRM(客户关系管理系统)--44--36PerfectCRM实现King_admin密码修改
# king_urls.py # ————————02PerfectCRM创建ADMIN页面———————— from django.conf.urls import url from king_ad ...
- node学习记录——搭建web服务器
web服务器的基本知识 功能:1.接收HTTP请求(get,post,delete,put)2.处理HTTP请求 常见的web服务器架构: 1. Nginx/Apache:负责接收http请求,确定谁 ...