程序员的知识教程库

网站首页 > 教程分享 正文

jquery提交按钮,按钮,表单的简单应用

henian88 2024-08-17 16:03:52 教程分享 100 ℃ 0 评论

(1)提交按钮,表单,按钮的简单应用

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%
        String contextPath = request.getContextPath();
    %>
    <title>test</title>
    <script language="javascript" src="<%=contextPath%>/js/base/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">

        function submitInfo() {

            var txtName = $("#txtName").val();
            $("#formIdStudent").attr("action", "这里还可以设置提交路径");
            $("#formIdStudent").submit();// 提交到后台处理
        }

    </script>

</head>
<body>

    <form action="<%=contextPath %>/pub/saveStudent" method="post" id="formIdStudent">

        <input type="text" value="" id="txtName" />
        <input type="button" value="普通按钮单击提交" onclick="submitInfo()" />
        <input type="submit" value="这是提交按钮,只要点击它就会提交到后台处理" />

    </form>

</body>
</html>

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表