`
KG21
  • 浏览: 107601 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jsp中回车提交表单

阅读更多

js方法:

   function tijiao() {
        var loginForm = document.getElementById("loginForm");
        if (loginForm.login_name.value == "") {
            alert("帐号必须输入");
            return;
        }
        if (loginForm.pwd.value == "") {
            alert("密码必须输入");
            return;
        }
        if (loginForm.validatacode.value == "") {
            alert("校验码必须输入");
            return;
        }

        loginForm.action = "<%=path%>/memberlogin.action";
        loginForm.submit();
    }

 


jsp代码:

  <form id="loginForm" method="post" onsubmit="javascript:tijiao()">

                <ul>
                    <li class="login_L_1"></li>
                    <li class="login_L_2">
                        <div align="center">${errMsg}</div>
                        <p>登录类型:
                            <select name="login_type">
                                <option value="loginname">用户名</option>
                             
                        <option value="email">电子邮箱</option>
                            </select>
                        </p>
                        <p>登录名:<input type="text" value="" name="login_name" size="27"/></p>

                        <p>密 码:<input type="password" value="" name="pwd" size="27"/></p>

                        <p>验证码:<input type="text" value="" name="validatacode" size="10"/>
                            <img src="<%=path %>/getImage.action" id="validataimage" border="0"/>
                        </p>


                        <p>
                            <input type="submit" name="Submit" value="登 录"  onclick="javascript:tijiao();"
                                   class="blueButtonCss"/>  
                            <input type="button" name="Submit3" value="忘记密码" onclick="javascript:chongzhi();"
                                   class="blueButtonCss"/>
                        </p>
                    </li>
                    <li class="login_L_3"></li>
                </ul>

            </form>

 <form>标签中加上onsubmit 对应的提交的按钮 type设为submit就可以以回车方式提交了

分享到:
评论

相关推荐

    JSP中的FORM表单中只有一个input文本时,按回车键将会自动提交表单

    在JSP中,当一个FORM表单中只有一个INPUT文本输入框时,用户按下回车键,浏览器会默认触发表单的提交动作。这是因为浏览器的默认行为:在一个只有一个单行文本输入域(type="text")的表单里,按下回车键会模拟点击...

    jsp中如何实现按下回车键自动提交表单

    总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...

    jsp中如何实现按下回车键自动提交表单.docx

    接下来,添加JavaScript代码来监听表单中的输入事件。 ```jsp ;charset=UTF-8" pageEncoding="UTF-8" %&gt; &lt;%@ include file="../../common/include_tag.jsp" %&gt; &lt;%@ include file="../../common/page_var.jsp" %&gt; &lt;!...

    Form表单按回车自动提交表单的实现方法

    1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个&lt;input type=”text” name=’name’ /&gt;时按回车键将会自动将表单提交。 &lt;form id='form1' action='a1.jsp' method='post'&gt...

    JSP文本输入解决回车问题代码实例[可运行].rar

    在传统的HTML表单中,回车键会默认触发表单的submit事件,导致页面刷新或跳转。如果要在JSP中改变这种行为,我们有两种主要方法: 1. **JavaScript处理**:通过在前端使用JavaScript,我们可以监听键盘事件,尤其是...

    没有form表单情况下敲回车键提交表单的js代码

    通常,提交表单需要用户点击一个按钮或者按表单中某个按钮的快捷键,但很多时候,开发者希望用户在输入信息后按下回车键即可提交表单。然而,如果页面中没有form标签,传统的提交方式不再适用,此时我们需要通过...

    JSP中用回车监听按钮事件兼容火狐 IE等主流浏览器

    在JSP页面中,通常会有一个表单元素,而onsubmit属性可以用来绑定提交前执行的函数。 5. 跨浏览器兼容性处理 为了确保代码在火狐和IE等主流浏览器上都能正常工作,除了对事件对象进行兼容性处理外,还需要确保使用...

    JSP实用技巧集合,jsp编程的一些小技巧总结

    15. 在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片? 18. JSP中如何上传图片到数据库字段? 19. 页面自动刷新? 20. 表单自动提交? 21. 从JSP传数据的到JAVABEAN里? 22. ...

    jsp编程技巧集锦

    在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片? 18. JSP中如何上传图片到数据库字段? 19. 页面自动刷新? 20. 表单自动提交? 21. 从JSP传数据的到JAVABEAN...

    jsp技术总结,jdk配置,tomcat配置,jsp语法

    - **5.1.2 图片按钮背景切换且回车提交表单**:利用CSS实现按钮样式变化,JavaScript监听键盘事件。 - **5.1.3 浮动窗口**:使用CSS定位属性实现。 - **5.1.4 嵌入Flash**:使用标签嵌入Flash文件。 - **5.1.5 ...

    jsp中input的高级运用

    ### jsp中input的高级运用 在Web开发中,`&lt;input&gt;`标签是HTML中最基本且最常用的元素之一。它不仅被广泛应用于表单数据的输入,还支持多种类型的数据输入,如文本、数字、日期等。随着JavaScript的普及和发展,`...

    JSP动态网页制作基础培训教程源代码.rar

    此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并...

    表单切换,用回车键替换Tab健(不支持IE)

    每个输入元素都有一个名为"tab"的自定义属性,其值代表了元素在表单中的顺序。例如,第一个输入元素的`tab`值为1,意味着它是表单中首个应获取焦点的元素。 接着,我们看到JavaScript代码,这部分代码的目标是监听...

    网页前端登录js按Enter回车键实现登陆的两种方法

    这样,无论是用户在任何输入框按下回车键,还是在表单外部的空白区域按下回车键,都能触发登录事件。 ### 注意事项 1. 确保JavaScript脚本不会影响到页面上其他的功能。 2. 如果使用图片或非标准按钮作为登录触发...

    jsp无法提交nicEdit中的内容的解决方法

    然而,这样的改动可能导致另一个问题:表单中的nicEdit富文本编辑器的内容无法正常传递。 nicEdit是一款轻量级的JavaScript富文本编辑器,它允许用户在网页上进行类似Word的文本编辑。当表单提交时,nicEdit的内容...

Global site tag (gtag.js) - Google Analytics