表单元素提交时JS判断输入的值为空时则不刷新页面返回,不为空跳转并传值到新页面

 <body>
           <div id="div1" style="display:block;" >
                         <div id="logo"></div>
                         <div id="word1"></div>
                         <div id="word2"></div>
                         <form name="form1" method="get"  action="zhengshu.php" onsubmit="return submitCheck();"> -----重点return +函数名实现为空返回原界面------------
                           <div  id="username">
                                  <div id="content">
                                       <input type="text" name="user" id="user"  class="bgc" autofocus="autofocus" placeholder="您的姓名" />
                                       <div><img src="images/word3.svg" /></div>
                                  </div>
                           </div>
                         <input type="submit" id="sub" value="提交"></div>
                         </form>
          </div>

   </body>
      <script type="text/javascript">
 function submitCheck(){
            var txt = document.getElementById("user");
            if(txt.value==""){
            alert("请输入您的姓名");
            txt.focus();
            return false;
           }
            return true;
  }
      </script>
<?php
      $username=$_GET[‘user‘]; -------接收传过来的值

?>

 <div id="link"><?php echo $username ?></div>-----输出传过来的值
时间: 2024-09-29 06:23:02

表单元素提交时JS判断输入的值为空时则不刷新页面返回,不为空跳转并传值到新页面的相关文章

MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱

网站模板页有个登陆的退出按钮,当点击时跳转到登陆页面. <button onclick="logout()" >退出</button> $("#logOut").click(function () { location.href = "@Url.Action("Logout", "Account")"; }); 然后再某个页面楼主用了HTML辅助方法产生表单元素,代码如下所示: @H

HTML 中按钮作为form表单元素提交特性两则 --- 参HTML考标准分析

相同name的submit 类型的input提交行为 描述 这种情况, <input type="submit" name="ACTION" value="Apply"/> <input type="submit" name="ACTION" value="Cancel"/> 其能够作为提交内容, 发送到服务器段的参数的按钮, 对应被点击激活的按钮. 这表示多个

form表单 无法提交js动态添加的表单元素问题。。

第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url  "> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </form> &l

表单自动提交问题整理

表单自动提交问题 问题描述 二是利用了浏览器的默认行为(至少发现ie是这样的).浏览器在解析网页的时候,有许多默认的行为,例如: * 如果一个页面上有表单和一个提交按钮,那么打开页面时,焦点会自动落在这个提交按钮上面. * 同样如果一个表单中只有一个单行文本输入域(text),那么在这个输入域中按Enter键时,浏览器会自动提交该表单. 我们对于第一种情况一般都知道而且很容易理解,但是对于第二种浏览器的默认行为,可能知道这一点的人就比较少了,下面我具体看一下浏览器(至少ie如此)在表单提交上的默

7、struts2 案例( 模型驱动、 防止表单重复提交--拦截器 、数据回显 、值栈 、 OGNL表达式综合运用)

struts2 案例 技术点: 模型驱动 防止表单重复提交–拦截器 数据回显 值栈 OGNL表达式 通配符.路径匹配原则.常量 数据处理的集中方式 请求数据自动封装以及类型转换 1.导包 c3p0-0.9.1.2.jar commons-dbutils-1.6.jar commons-fileupload-1.2.2.jar commons-io-2.0.1.jar commons-lang3-3.1.jar freemarker-2.3.19.jar javassist-3.11.0.GA.j

通过getElementById来取得Form里的表单元素

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>湖南易通</title> <script src="jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"&

JavaWeb---总结(十三)使用Session防止表单重复提交

在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提交的常见应用场景 有如下的form.jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML> <

Struts防止表单重复提交

1.什么是表单重复提交 > 在不刷新表单页面的前提下:         >> 多次点击提交按钮        >> 已经提交成功, 按 "回退" 之后, 再点击 "提交按钮".        >> 在控制器响应页面的形式为转发情况下,若已经提交成功, 然后点击 "刷新(F5)" > 注意:        >> 若刷新表单页面, 再提交表单不算重复提交        >> 若使

jQuery使用之(四)处理页面的表单元素

表单是一个特殊的页面元素,value的值是最受关注的,jQuery提供了强大的val()方法来处理相关的操作. 1.获取表单元素的值. 直接调用val()方法时可以获取选择器的 中的第一个元素的value值.例如: $("[name=radioGroup]:checked").val; 以上代码直接获取属性为radioGroup的表单元素中被选中的value值,十分便捷.对于某些表单元素,例如<option><button>没有value值将获取其显示的文本值.