javascript 终止表单提交

最新推荐文章于 2021-07-16 19:28:04 发布
原创 最新推荐文章于 2021-07-16 19:28:04 发布 · 2.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #input #function #class #button #c

function validator1(){
 
 
   if(form1.accessFile.value==""){
   alert("请选择上传文件");
   document.form1.accessFile.focus();    
   window.event.returnValue=false;
   }
} 

<INPUT type="submit"
                  value="<c:out value="${global.pageAdd}"/>"
                  class="input2"
                  onclick="validator1();"/>

----------------------方法2------------------------------------------

function validator1(){
 
 
   if(form1.accessFile.value==""){
   alert("请选择上传文件");
   document.form1.accessFile.focus();     
 return false;
   }
} 

<INPUT type="button"
                  value="<c:out value="${global.pageAdd}"/>"
                  class="input2"
                  onclick="validator1();"/>

JavaScript 进行表单验证
2401_82968855的博客
06-22 1009
本篇主要介绍使用 JavaScript 进行表单验证。表单验证并不是 JavaScript 提供的某种特性，而是结合各种特性达到的一种目的，是需求的产物。所有线上产品的表单几乎都有验证，如注册时要求“用户名 6-16 位”，验证会由 JavaScript 来完成，通常为了安全性和准确性，服务端会再次做一遍验证。
IE 下Enter提交表单存在重复提交问题的解决方法
09-04
在网页开发中，表单提交是用户与服务器交互的关键环节，而在Internet Explorer（IE）浏览器中，使用Enter键提交表单时可能会遇到一个常见的问题——重复提交。这可能导致数据库中的数据异常，对业务逻辑造成影响。...
JavaScript阻止表单提交方法（附代码）
12-11
<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input type="submit" id="submit" name="submit"> </form> </body> </html> html页面。     第一种方法：利用event的阻止默认事件机制，页面载入之后获得submit元素，然后为submit注册click响应函数，参数为event事件。 在用户
终止提交表单
weixin_41377877的博客
11-20 377
/** * 终止提交表单 * @param event */ function stopFormSubmit(event){ if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; } if (event...
js停止提交方法
qq_44989936的博客
07-16 382
jquery event.preventDefault() vue v-on:submit.prevent 原生js onclick 或者 onsubmit reurn false
js验证失败，终止表单提交
u012245569的专栏
09-26 1580
有时候我们需要对一个表单写一些js的验证，当点击submit按钮时，进行验证，若验证失败，我们想通过return false的方法来终止表单继续提交，停留在当前页或者当前弹出页。但有时候我们会发现，及时返回return false，表单还是会继续提交，这是为什么呢？       示例：@using (Html.BeginForm("controller", "action", FormMetho
javascript 终止表单提交
suifeng0117的专栏
03-24 796
function validator1(){       if(form1.accessFile.value==""){   alert("请选择上传文件");   document.form1.accessFile.focus();        window.event.returnValue=false;    }}                   value=""         
JavaScript判断表单提交时哪个radio按钮被选中的方法
10-24
在JavaScript中，判断哪个单选按钮在表单提交时被选中是一个常见的需求。下面详细介绍利用JavaScript判断表单提交时哪个单选按钮被选中的方法。 首先，我们需要了解HTML表单和单选按钮的基本结构。单选按钮通过`...
JavaScript实现表单注册、表单验证、运算符功能
10-17
如果不通过，则函数返回false，通过弹窗警告用户错误信息，阻止表单提交。 在JavaScript中，表单验证的代码示例通常包含如下几个步骤： 1. 确定事件类型，例如onsubmit。 2. 绑定一个函数到该事件，将验证的逻辑写...
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
12-18
例如，在表单提交的数据中，如果用户试图插入恶意SQL代码，`mysql_real_escape_string()` 会将其转义，从而无效化攻击。 ```php $safe_input = mysql_real_escape_string($_POST['input']); ``` 注意：`mysql_...
JS模拟form表单提交,浏览器终止提交
angry_tiger的博客
03-01 1287
1、js模拟form表单提交,如下实例       var  form = $("");       form.attr("action", "http://...");       .....       form.submit();    结果google 56浏览器报异常:     Form submission canceled because the form is 
javascript没起到终止表单提交的一种可能性
11-29 665
很多人知道，javascript的return false有一个阻止提交表单的作用。但是有时候，我们会发现不小心，这个功能会突然失效。 然后郁闷半天，其实，这是我们逻辑混乱引起的。       我现在要说一种出现这种错误的情况。        比如说我们写了两个javascript函数。        function A(){          if( .........){
JS 让表单停止提交,return false失效的解决方案;
04-13 1661
form action="" method="post" onsubmit="check_form()"> 执行check_form函数 return false 无效继续提交表单 form action="" method="post" onsubmit="return check_form()"> (√)
JS阻止form表单提交
weixin_30423977的博客
01-22 607
当做登陆页面时，JS判断用户名密码为空时需要阻止form表单提交。 <script type="text/javascript"> var a = true; function validate(){ var username = document.getElementById("username").value; var ...
停止表单submit提交
weixin_34092370的博客
04-22 838
JavaScript中停止表单提交方式有两种 1、在表单元素form上触发onsubmit事件 返回false表示停止提交 2、在submit按钮上触发click事件 返回false表示停止提交 示例1： <form name="form1" onsubmit="return false"></form> 示例2： <form name="f...
阻止form表单默认提交的方法
robin_sky的博客
05-17 4141
前端代码： <form method="post" id="form" onsubmit="return false;" > <div class="form-group"> <label for="username">用户名：</label> ...
php表单提交不跳转
最新发布
05-31
### PHP 表单提交后不跳转的解决方案 在处理 PHP 表单提交时，如果发现提交后页面没有正确跳转，可能是由于以下原因导致：脚本中缺少正确的 `header()` 调用、表单提交后未终止脚本执行、或存在输出缓冲问题。以下是解决此问题的详细方法[^1]。 #### 1. 使用 `header()` 函数进行重定向 PHP 提供了 `header()` 函数用于控制 HTTP 响应头信息。要实现页面跳转，可以在表单处理完成后调用 `header()` 函数指定目标 URL。例如： ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { // 处理表单数据 $name = $_POST['name']; // 表单处理完成后进行重定向 header("Location: thank-you.php"); exit(); // 确保脚本在此处终止 } ?> ``` 注意，在调用 `header()` 函数之前，不能有任何输出（包括 HTML、空格或错误信息），否则会导致 `headers already sent` 错误[^1]。 #### 2. 检查输出缓冲 如果页面中有任何输出（如空格、回车符或调试信息），可能会阻止 `header()` 函数正常工作。可以通过启用输出缓冲来避免此类问题。例如： ```php <?php ob_start(); // 启用输出缓冲 if ($_SERVER["REQUEST_METHOD"] == "POST") { // 处理表单逻辑 header("Location: success.php"); exit(); } ?> ``` #### 3. 验证表单提交方式 确保表单的 `method` 属性设置为 `POST`，并且 `action` 属性指向正确的处理脚本。例如： ```html <form method="post" action="process.php"> <input type="text" name="name" required> <button type="submit">Submit</button> </form> ``` #### 4. 检查是否有脚本错误 如果 PHP 脚本中存在语法错误或运行时错误，可能导致页面无法正确跳转。建议启用错误报告以捕获潜在问题： ```php <?php ini_set('display_errors', 1); error_reporting(E_ALL); ``` #### 5. 使用 JavaScript 进行客户端跳转（可选） 如果服务器端重定向不起作用，可以考虑使用 JavaScript 在客户端实现跳转。例如： ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { echo "<script>window.location.href='thank-you.php';</script>"; exit(); } ?> ``` ### 示例代码 以下是一个完整的示例，展示如何处理表单提交并实现页面跳转： ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = htmlspecialchars($_POST['name']); if (!empty($name)) { // 表单验证通过后跳转 header("Location: success.php"); exit(); } else { echo "Please fill out the form."; } } ?> <form method="post" action=""> <label for="name">Name:</label> <input type="text" name="name" id="name" required> <button type="submit">Submit</button> </form> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值