精华内容
下载资源
问答
  • 使用onclick/表单submit跳转到其他页面

    千次阅读 2019-05-28 11:24:48
    使用onclick 如果是本页显示可以直接用...使用form表单创建一个只有submit按钮的表单,单击提交即可 表单名" method="get"> <table><td colspan="2"><input type="submit" value="注册"></td></table>--%>

    使用onclick

    如果是本页显示可以直接用location,方法如下:

    - onclick="javascript:window.location.href='URL'"
     - onclick="location='URL'"
     - onclick="window.location.href='URL?id=11'"
    

    如果页面中有frame可以将在location前面添加top.mainframe.frames[‘right_frame’].location


    使用submit

    使用form表单创建一个只有submit按钮的表单,单击提交即可

    <form action="URL" name="表单名" method="get">
    	<table><td colspan="2"><input type="submit" value="注册"></td></table>--%>
     </form>
    
    展开全文
  • form表单submit按钮跳转问题

    form表单submit按钮提交页面不跳转

    
    <html>    
      <body>    
          
      <form action="" method="post" target="nm_iframe">    
          <input type="text" id="id_input_text" name="nm_input_text" />    
          <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
      </form>    
          
      <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>    
          
      </body>    
      </html>
      
    

    在这里插入图片描述

    展开全文
  • <input type="submit" id="id_submit" name="nm_submit" value="提交" /> </form> ;"></iframe> </body>   方法二:使用ajax控制 <html> <body> ...

    方法一:target

    <html>
    <body>
    <form action="" method="post" target="nm_iframe">
    <input type="text" id="id_input_text" name="nm_input_text" />
    <input type="submit" id="id_submit" name="nm_submit" value="提交" />
    </form>
    <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
    </body>
    </html>

     

    方法二:使用ajax控制

    <html>
    <body>
    <form action="" method="post" target="nm_iframe">
    <input type="text" id="id_input_text" name="nm_input_text" />
    <input type="submit" id="id_submit" name="nm_submit" value="提交" />
    </form>
    <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
    </body>
    </html>

     

    $('#registSubmit').on('submit', function(){
    registPost()
    event.preventDefault() //阻止form表单默认提交
    })
    function registPost () {
    $.ajax({
    type: "post",
    url: "/api/user/register",
    data: $('#registSubmit').serialize(),
    }).success(function(message) {
    console.log(message)
    }).fail(function(err){
    console.log(err)
    })
    /*
    或者用jquery.form.min.js提交
    $('#registSubmit').ajaxSubmit(function(message){
    console.log(message);
    })
    */
    }

    方法三:改为form表单提交改为ajax提交

     

    转载于:https://www.cnblogs.com/jian-ge/p/9934293.html

    展开全文
  • event.preventDefault() //阻止form表单默认提交 }) function registPost () { $.ajax({ type: "post" , url: "/api/user/register" , data: $('#registSubmit' ).serialize(), }).success( function ...

     

     

    方案一      

    复制代码
     <html>    
      <body>    
          
      <form action="" method="post" target="nm_iframe">    
          <input type="text" id="id_input_text" name="nm_input_text" />    
          <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
      </form>    
          
      <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>    
          
      </body>    
      </html>  
    复制代码

    方案二

    复制代码
     <html>    
      <body>    
          
      <form action="/api/user/register" method="post" id="registSubmit" >    
          <input type="text" id="id_input_text" name="nm_input_text" />    
          <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
      </form>         
      </body>    
      </html>  
    复制代码
    复制代码
    $('#registSubmit').on('submit', function(){
          registPost()
    event.preventDefault() //阻止form表单默认提交
    })
    function registPost () {     
       $.ajax({
           type: "post",
           url: "/api/user/register",
           data: $('#registSubmit').serialize(),
       }).success(function(message) {
         console.log(message)
       }).fail(function(err){
         console.log(err)
       })
        /*
         或者用jquery.form.min.js提交
         $('#registSubmit').ajaxSubmit(function(message){
            console.log(message);
         })
         */
    }
    复制代码

    转载于:https://www.cnblogs.com/zhangruisoldier/p/9166497.html

    展开全文
  • 提交表单 form submit跳转实现

    万次阅读 2014-10-23 22:18:27
    form增加一个id用于在jquery中调用,增加一个onsubmit函数用于submit前自己提交表单  saveReport对应函数为  复制代码 代码如下: function saveReport() {  // jquery 表单提交  $("#...
  •               <input type="submit" id="id_submit" name="nm_submit" value="提交" />        ;">        </html>
  • 在做登录界面,因为要用到validform验证,所以需要对表单进行提交,但此时存在一个问题,因为在用submit提交后是用ajax进行的登录成功与否的判断,在判断成功后,执行ajax的success方法,但是却不执行success中的...
  • 验证不通过,阻止表单提交一种情况是写在onclick,下面两种写法都可以://onClick="return checkform()"> //IE可以阻止,FF可以阻止//onClick="checkform_success(event)">//IE可以阻止,FF可以阻止另一种情况是...
  • 在写毕设,再写登陆后台的时候,用到这个东西 也百度了一下,最后还是自己解决了 废话不说,直接上代码 这样就成功了。 转载于:https://www.cnblogs.com/huifeidezhuzai/p/10338449.html...
  • 调用接口返回数据中,会有一串form表单字符串返回,前端需要做的就是把这串form 表单字符串通过appendchild 方法添加到当前页面中,并且执行这个表单submit() 方法,表单提交以后,会自动跳转到支付宝扫码支付页面...
  • 关于表单中写Submit控件与JavaScript写跳转语句的坑 今天在做老师的项目时遇到一个坑,想给前端(前端的大体页面由外包公司写好)的一个按钮写个脚本实现页面跳转,代码如下 $("#btnDetail").click(function(){ var ...
  • 保留submit表单校验筛选能力,利用AJAX进行页面跳转。 解决方法: 把form标签的onSubmit属性改为return false,表示不提交表单,这样就可以了。 知识点: onSubmit表示表单中的submit按钮被点击后发生的事,我
  • 在使用HTML表单的时候遇到了“submit”行为之后不知道怎么解决文件跳转的问题。 经过一段时间的百度,有说用if语句的,有说用js语句。  https://zhidao.baidu.com/question/582548050112170485.html ?> 但是实践...
  • 1.最近一直在为用户信息完善功能所困惑,想要实现:用户提交信息后不跳转到acction()的服务端页面,只要告诉提交成功即可。 2.论坛上大多ajax+json等方法/框架($ajaxform)都需要导入包或者js文件,本人新手 ,...
  • 有两种方法: 1、讲submit按钮设置为type=“button”,用ajax进行后台提交数据 2、 $('#form').submit(function () { return false; }) return false之后,&lt;form action="...就不会跳转了  ...
  • 阻止form表单跳转

    万次阅读 2018-01-04 13:49:52
    在form表单中点击submit提交表单的时候会自动跳转到form表单的action地址里面。 一般的form提交操作为: …… 点击submit按钮或直接回车可以将数据提交到cart页面,但是提交后也会跳转到cart页面 ,这...
  • 后台根据提交的整个表单,通过name名对应的value值; 项目申请表 负责人姓名* 性别  女  男 ...
  • 给<form action= “/api/user/register” method=’ 'post" onsubmit = “return false” >加个return false ,阻止 表单跳转或者把这里的type=”button",这里是 submit所以会自动使表单提交;
  • 最近在学习 springmvc 框架的实践过程中 , 在做一个简单的 登入页面 向 验证页面 跳转的时候  发现 无论我怎么点击 登入 的 按钮 浏览器的页面始终没有发生跳转  期初 我以为是 controller 写的有问题 或者...
  • layui表单提交禁止表单跳转也会自动刷新 代码. //创建一个编辑器 提交监听 var editIndex = layedit.build('LAY_demo_editor'); //监听提交 form.on('submit(demo1)', function(data){ var url...
  • 最初用ajax,普通的内容都是可以的,但是会遇到文件上传的问题。...处理过数据 可以对 submit经行提示处理 之后跳转还是不跳转随意/***bywkj2016-01-06*//随手封的函数,可根据需要修改*功能:提醒函...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 628
精华内容 251
关键字:

表单submit跳转