阻止表单填写不规范，提交表单

最新推荐文章于 2022-08-21 01:24:21 发布
最新推荐文章于 2022-08-21 01:24:21 发布
阅读量1k 收藏 1
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36935391/article/details/81870058
版权

  1. 我们直接进入正题 这是测试的html表单代码 提交给alert.html（原来说明是否提交成功，代码就不贴了）（注意是button哦）

    如何阻止表单提交

  2. JavaScript方法一：通过return false; 来阻止表单的提交 代码如下图

    如何阻止表单提交

  3. JavaScript方法二：使用preventDefault()方法来阻止 这里ie6-ie8浏览器需要兼容一下哦 代码如下图 （运行结果和上面一样就不演示了）

    如何阻止表单提交

  4. JavaScript方法三：这里是另一种方法 也是经常用到 注意form提交是用input哦 刚刚是button

    input设置type="submit"后直接可以提交表单的，onsubmit通过验证函数的返回值来决定是否提交表单

    如何阻止表单提交

  5. 这里是一个js函数  通过函数内的if等判断语句验证字段后 返回true或false 到form的onsubmit

    如何阻止表单提交

  6. 运行HTML页面 点击提交按钮 会弹出窗口点击确定 你会发现页面没有提交哦

    如何阻止表单提交

飞飞翼
关注
专栏目录
layui form表单提交后实现自动刷新
10-16
为了避免这一默认行为，我们可以通过JavaScript中的事件监听，返回false来阻止表单的默认提交行为。 其次，在获取表单数据时，我们要注意HTML元素的name属性。与id不同，name属性在表单提交中起到标识作用，后端...
jQuery橙色注册表单验证代码
04-25
4. **JS常用代码**：这个示例中可能包含了一些常见的JavaScript函数和方法，例如`$(document).ready()`用于页面加载后执行函数，`event.preventDefault()`阻止表单默认提交行为，以及`.val()`获取或设置元素的值等。...
阻止表单提交
weixin_30814319的博客
08-21 148
阻止表单提交的两种方法： 在JavaScript中，阻止表单默认提交行为的方法有两种，分别是：（1） return false <form name="loginForm" action="login.aspx" method="post"><button type="submit" value="Submit" id="submit">Submit<...
阻止form表单提交，和提交时产生的问题总结
2³
08-04 8042
一、首先总结 阻止 form 表单提交的几种方法 <button> 提交时，type默认为submit，阻止提交将type改为button，即 type="button" <form action=""> <button type="submit"></button> </form> <input> 提交时，将type改为button，即 type="button" <form action=""> &
如何阻止表单的默认提交事件
热门推荐
Hello World
10-08 5万+
表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：如果想要阻止表单的默认提交事件，有以下几种方法：1.将<input>标签内按钮类型从type="submit"修改为type="button"2.表单内的<button>未指定类型时，默认的类型为submit，可以显式的修改为
禁用Form表单提交的跳转
Markix的博客
08-21 2302
默认Form表单提交后浏览器地址会跳转到action地址，有时候我们只是想要Form表单发起一个请求，并不希望浏览器的地址跳转。这就需要禁用Form表单的跳转机制。
bootstrapValidator.min.js表单验证插件
10-20
例如，当表单验证未通过时，可以阻止表单提交并继续显示错误消息，直到用户修正所有错误为止。 7. 性能优化：由于提供了.min.js压缩版本，Bootstrap Validator插件在使用时能够减少HTTP请求和加载时间，这对提升...
JS表单验证会员信息填写代码.zip
07-04
5. **阻止默认行为**：为了防止未验证就提交表单，可以在验证函数中使用`event.preventDefault()`阻止表单的默认提交行为，只有当所有验证通过后才允许提交。 6. **异步校验**：对于更复杂的验证，如检查用户名是否...
verify验证表单的插件
08-10
例如，通过`event.preventDefault()`阻止表单默认提交行为，然后使用`element.value`获取输入值，最后根据业务需求编写验证函数。 ### verify插件的使用 1. **安装**：通常，"verify"插件可通过npm或CDN引入到项目...
表单填写不完整提交按钮灰色，填写完整自动解除解禁+jQuery验证提示
wyy20的专栏
02-18 3007
用户名 密码 确认密码 邮箱 性别 请选择 男女
利用js实现如果不符合规则的输入则阻止表单的提交
feilong_12的专栏
03-03 4635
function a(){ var va=document.getElementById('username').value; var reg=/^[a-zA-Z]\w{4,11}$/;//正则验证用户 if(reg.test(va)){ return true; } else{ return false; } } 用户名: 密码:
jsp中表单提交注册信息，提交信息之前先进行正则匹配，验证用户输入的信息是否符合规范要求。
凌世宇
05-30 3万+
  今天写了一个jsp的注册页面，用户每次输完一个输入框的内容，就会进行验证用户输入信息的格式是否符合规范，符合规范之后表单才进行提交，不符合规范则提醒用户按要求输入信息。直到用户输入的每个信息都符合要求，表单才提交，才进行验证。避免了提交之后，我还需要对信息提前进行一定的判断，是否符合要求，才进行数据库的插入操作。  说了这么多，还是先说一说我的思路吧。  1.首先我的页面有五个框，第一个框是用...
Web设计的十大错误
srdwxA的博客
11-21 311
Web设计的十大错误： 无谓使用不成熟技术。网站不应该靠吹嘘采用最新的web技术来吸引用户，这样可能会吸引一些不用脑子的人，但是主流用户会更关心有用的内容以及站点提供良好客户服务的能力。除非从事因特网产品和服务销售业务，否则最好等到该技术具有一些使用经验之后再采用。 滚动文字、滚动块和不停运行的动画。不要让网页上有不停移动的元素。移动的图像对人类的视觉太过刺激。网页不应该不断地刺激人们的感官，...
关于django提交表单错误的解决办法
linuxchyu的专栏
12-26 1152
Forbidden (403) CSRF verification failed. Request aborted. Help Reason given for failure: CSRF token missing or incorrect. In general, this can occur when there is a genuine Cross Site Requ
【JavaScript】表单即时验证，不成功不让提交
编程记录，亲测有效
10-25 3万+
不能再让表单在提交按钮之后才被验证了！你输入的任何信息表单都会即时反应！ 这个JavaScript的关键是onCheck()事件，使用onKeyUp()事件完成是不行的，人家没有输入完毕，你就说人家不对，多不友好啊╮(╯▽╰)╭ 一、基本目标 一个表单认证页，如果输入的用户名超过10位则会立即在输入框旁边弹出提示： 如果密码少于6位，而且两次输入密码不一致同样弹出提示，
JS实现文本框的值输入不合规范的时候，点击按钮不能提交
ljh243581579的博客
10-13 2280
表单中使用onsubmit，当返回值为true的时候可以提交，false则不可以<form action="flow.php?step=act_change" method="post" onsubmit="return check();"> </form>JS部分 在提示信息正确的时候flag==1var flag=0; var flag1=0; function check(){
JS实现表单内容验证、阻止表单提交（onsubmit）
sinat_36713319的博客
06-28 9901
onsubmit属性只在 <form> 表单中使用。 onsubmit事件是当表单提交时进行相关JS操作的一个事件。 onsubmit事件会在表单中的确认按钮被点击时发生。当该事件触发的函数中返回false时，表单就不会被提交。<!DOCTYPE html> <html> <head> <title>onSubmit</title> <script type="text/java
阻止回车提交表单的JavaScript解决方案
"如何防止回车(enter)键...要防止回车键提交表单，可以通过监听键盘事件并在事件处理函数中检查`event.keyCode`，当检测到回车键时阻止表单提交。这种方式允许你在保持用户体验的同时，对表单提交行为进行自定义控制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飞飞翼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值