Html： 阻止表单数据提交的几种方式 |
您所在的位置：网站首页 › 网页提交表单怎么设置 › Html： 阻止表单数据提交的几种方式 |
|
原文：HTML禁止表单提交方法 https://blog.csdn.net/qq_43529877/article/details/84960470 有时在点击提交按钮时不希望提交form表单，所以在写提交按钮时应该注意以下几点： 用户名：
一、在写 提交按钮时type类型不要再写成submit改为button类型，然后为按钮添加一个点击事件就可以了，如上述的按钮写法，不要在form中写onsubmit属性。 二、注意不要再表单中写这种类型的提交按钮默认也是提交整个表单。 三、可以再form中添加onsubmit属性，让提交的返回值为false，这样就能控制点击提交按钮提交表单了 如： 或在form中写一个提交的方法，让方法做一些验证，不符合条件阻止提交，如： -------------------------------------------------------------- // 验证表单 function check(){ // 验证表单数据是否符合条件，不符合返回false禁止提交 return false; }++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 原文： 阻止表单数据提交的几种方式 http://www.php.cn/blog/detail/3463.html 阻止表单提交的4种常用方式 方式1：给form标签的添加表单提交事件οnsubmit="return false;" function change() { //动作：阻止表单数据提交 return false; }方式2：给form表单中的按钮添加单击事件οnclick="return false;" 提交配置 function change() { //动作：阻止表单数据提交 return false; }方式3：也是给form标签添加表单提交事件，只是添加的方式不同而已 $('#myForm').submit(function (event) { //动作：阻止表单的默认行为 event.preventDefault(); //这也是可以的，虽然也是绑定表单提交事件， // 但相比于οnsubmit="return false;"，这个直接在事件处理程序（当前函数）中返回false就行了 // return false; })方式4：最后这个厉害了，也是最简单的，直接规定button的类型为button就行了 提交配置
|
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |