Form表单中不同的按钮进行不同的跳转

2020-09-10 68百度已收录

<form name="demo" method="post">

<!--YOUR DATA AREA-->

<input type="button" value="添加" onclick="addAction()">

<input type="button" value="删除" onclick="deleteAction()">

<input type="button" value="保存" onclick="saveAction()">

<input type="button" value="查询" onclick="searchAction()">

</form>


<script type="text/javascript">

function addAction(){

    document.demo.action="your add method url";

    document.demo.submit();

}


function deleteAction(){

    document.demo.action="your delete method url";

    document.demo.submit();

}


function saveAction(){

    document.demo.action="your add save url";

    document.demo.submit();

}


function searchAction(){

    document.demo.action="your serach method url";

    document.demo.submit();

}

</script>


//==================

demo中的代码(JSP中的hidden):



<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

    function trimStr(str){

        return str.replace(/(^\s*)|(\s*$)/g,"");

    }

    function redisSearchSubmit(){

        document.getElementById("searchtype").value = "Redis查询";

        document.form1.submit();

    }


    function jdbcSearchSubmit(){

        document.getElementById("searchtype").value = "JDBC查询Mysql";

        document.form1.submit();

    }


    function hibernateSearchSubmit(){

        document.getElementById("searchtype").value = "Hibernate查询Mysql";

        document.form1.submit();

    }

    function check(){


        // 节目名

        var assetname = document.form1.assetname.value;

         if(trimStr(assetname) == ""){

            alert("您输入的节目名是空格,请重新输入");

            return false;

        }


        // 导演

        var director = document.form1.director.value;


        // 编剧

        var screenwriter = document.form1.screenwriter.value;


        //主演

        var actor = document.form1.actor.value;

    }


</script>

</head>

<body>

<h1>查询页面</h1>

    <FORM name="form1" METHOD=POST ACTION="${ pageContext.request.contextPath }/redisSqlSearch" onsubmit="return check();">

    <input type="hidden" name="searchtype" id="searchtype" value="" />

        <TABLE border="1" width="500">

        <TR>

            <TD>节目名称</TD>

            <TD><INPUT TYPE="text" NAME="assetname" value=""></TD>

        </TR>

        <TR>

            <TD>导演</TD>

            <TD><INPUT TYPE="text" NAME="director" value="冯小刚"></TD>

        </TR>

        <TR>

            <TD>编剧</TD>

            <TD><INPUT TYPE="text" NAME="screenwriter" value="顾晓阳"></TD>

        </TR>

        <TR>

            <TD>主演</TD>

            <TD><INPUT TYPE="text" NAME="actor" value="葛优"></TD>

        </TR>

        <TR>

            <TD colspan="2">

                <INPUT TYPE="button" value="Redis查询" onclick="redisSearchSubmit()">


                <INPUT TYPE="button" value="JDBC查询Mysql" onclick="jdbcSearchSubmit()">


                <INPUT TYPE="button" value="Hibernate查询Mysql" onclick="hibernateSearchSubmit()">

            </TD>

        </TR>

        </TABLE>

    </FORM>

</body>

</html>


1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有金币奖励和额外收入!
8. 重点来了,想白嫖的站长们可每日签到获取金币来免费购买本站资源,等级不同赠送金币不同哦!

官方客服团队

为您解决烦忧 - 24小时在线 专业服务