Javascript 和 JSP 未重新加载-6ren

Javascript 和 JSP 未重新加载

转载作者：行者123 更新时间：2023-11-28 09:37:54

嘿，大家正在我们的 jsp 页面上进行一些表单验证。

当您在容量字段中未输入任何值或输入非数字值时，我会出现警告框。但单击“确定”后，页面会重定向到错误:

HTTP Status 500 - For input string: ""

或者在容量字段中输入“a”时

HTTP Status 500 - For input string: "a"

如何重新加载页面而不是将我带到错误页面？

我已经尝试了许多内置的 Javascript 函数，但仍然定向到错误页面，例如 location.reload() 等。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
    <title>Mars University Lab System</title>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>

<body>
<jsp:include page="headerLecturer.jsp"/>
<script>

function chkNumeric(strString)
                   //  check for valid numeric strings  
                   {
                       var strValidChars = "0123456789.-";
                       var strChar;
                       var blnResult = true;

                       if (strString.length == 0) return false;

                       //  test strString consists of valid characters listed above
                       for (i = 0; i < strString.length && blnResult == true; i++)
                          {
                                strChar = strString.charAt(i);
                                if (strValidChars.indexOf(strChar) == -1)
                             {
                             blnResult = false;
                             }
                          }
                       return blnResult;
                   }


                 function validateForm()
                 {
                    var capacity=document.forms["createLabs"]["capacity"].value;
                    var day=document.forms["createLabs"]["day"].value;
                    var time=document.forms["createLabs"]["time"].value;
                    var room=document.forms["createLabs"]["room"].value;

                    if (capacity==null || capacity=="")
                      {
                            alert("Capacity must be filled out");
                            document.createLabs.capacity.focus();
                            return false;
                      }
                    else if(day==null || day=="")
                     {
                            alert("Day must be filled out");
                            document.createLabs.day.focus();
                            return false;
                     }
                     else if(time==null || time=="")
                     {
                            alert("Time must be filled out");
                            document.createLabs.time.focus();
                            return false;
                     }
                     else if(room==null || room=="")
                     {
                            alert("Room must be filled out");
                            document.createLabs.room.focus();
                            return false;

                    }
                    else if (chkNumeric(document.createLabs.capacity.value) == false) 
                    {
                            alert("Please check - non numeric value!");
                            document.createLabs.room.focus();
                            return false;

                    }
                    else if (chkNumeric(document.createLabs.room.value) == false) 
                    {
                            alert("Please check - non numeric value!");
                            document.createLabs.room.focus();
                            return false;
                    }




                            var link2 = document.getElementById('submit');

                                link2.onclick = function ()     
                                {
                                    if( confirm("Please fill in all the required fields") )
                                    {
                                        window.location.reload();
                                    }
                                    return false;
                                }


}


</script>

<tr>
<td>
</td>
</tr>

<tr>
<td>
<div id = "centrecontent">
<br>
<h3>Create Labs</h3>
<%String[] list1 = (String[])request.getAttribute("res1"); %>
<%String[] list2 = (String[])request.getAttribute("res2"); %>


        <form name ="createLabs" ACTION="CreateLab" method="post">

        Subject: <select name="subject_id">
        <%
        for(int i=0; i<list1.length; i++)  
        {
            //for(int m=0; m<list2.length;i++)
            //{
                out.println("<option value="+list1[i]+"> "+list2[i]+" </option>");

        //}
            out.println("list1:"+list1[0]);
            }
            %>
        </select><br><br>
        Capacity: <input type="text" name="capacity"/><br /><br>
        <input type="hidden" name="spots_left"/>
        Day: <input type="text" name="day"/><br /><br>
        Time (HH:MM:SS): <input type="time" name="time"/><br /><br>
        Room: <input type="text" name="room"/><br /><br>
        <input type=SUBMIT value="Submit" name="Submit" onClick="validateForm()" />

    </form>
</div>

<jsp:include page="footer.jsp"/>


</body>

</html>

最佳答案

问题来自服务器端，因此问题出在验证上在 JavaScript 函数中

我更改了validateForm，但没有检查。

也许会有帮助

      function validateForm()
         {
            var capacity=document.forms["createLabs"]["capacity"].value;
            var day=document.forms["createLabs"]["day"].value;
            var time=document.forms["createLabs"]["time"].value;
            var room=document.forms["createLabs"]["room"].value;

            if (capacity === undefined)
              {
                    alert("Capacity must be filled out");
                    document.createLabs.capacity.focus();
                    return false;
              }

                if(day === undefined)
             {
                    alert("Day must be filled out");
                    document.createLabs.day.focus();
                    return false;
             }

                 if(time === undefined)

             {
                    alert("Time must be filled out");
                    document.createLabs.time.focus();
                    return false;
             }

                 if(room === undefined)

             {
                    alert("Room must be filled out");
                    document.createLabs.room.focus();
                    return false;

            }

                if ( isNaN(capacity))
                {
                     alert("Please check - non numeric value!");
                    document.createLabs.room.focus();
                    return false;
                }

                    if ( isNaN(room))
                {
                     alert("Please check - non numeric value!");
                    document.createLabs.room.focus();
                    return false;
                }

                if(room === undefined)
            {
                    alert("Please check - non numeric value!");
                    document.createLabs.room.focus();
                    return false;
            }




                    var link2 = document.getElementById('submit');

                        link2.onclick = function ()     
                        {
                            if( confirm("Please fill in all the required fields") )
                            {
                                window.location.reload();
                            }
                            return false;
                        }


                            }

此外，您需要为“onsubmit”事件放置 validateForm 触发器

<form name ="createLabs" ACTION="CreateLab" method="post" onsubmit="return validateForm()">

        Subject: <select name="subject_id">
        <%
        for(int i=0; i<list1.length; i++)  
        {
            //for(int m=0; m<list2.length;i++)
            //{
                out.println("<option value="+list1[i]+"> "+list2[i]+" </option>");

        //}
            out.println("list1:"+list1[0]);
            }
            %>
        </select><br><br>
        Capacity: <input type="text" name="capacity"/><br /><br>
        <input type="hidden" name="spots_left"/>
        Day: <input type="text" name="day"/><br /><br>
        Time (HH:MM:SS): <input type="time" name="time"/><br /><br>
        Room: <input type="text" name="room"/><br /><br>
        <input type="submit" value="Submit" name="Submit"   />

    </form>

关于Javascript 和 JSP 未重新加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12777590/

文章推荐： css - 向 selectOneRadio 生成的标签添加样式

文章推荐： ios - 为什么 UIBarButtonItem 在 segue 之前不调用 IBAction？

scala - (重新)在scala中定义()
这个问题在这里已经有了答案: How does Scala's apply() method magic work? (3 个回答) 9年前关闭。假设我在 scala 中有一个 MyList 类，其
python 重新？ : example
这个问题在这里已经有了答案: What is a non-capturing group in regular expressions? (18 个回答) Reference - What does
c++ - (重新)在cpp中没有复制构造函数的情况下初始化对象
这个问题是针对嵌入式系统的! 我有以下选项来初始化一个对象: Object* o = new Object(arg); 这会将对象放入堆中并返回指向它的指针。我不喜欢在嵌入式软件中使用动态分配。 Ob
Python - 重新 - 需要正则表达式的帮助
我自己搜索过，没能成功的正则表达式。我有一个 html 文件，其中包含 [] 之间的变量我想把每一个字都写进去。 [client_name][client_company] [cl
python 重新: no such group
我是 Python 新手。我不明白为什么这段代码不起作用: reOptions = re.search( "[\s+@twitter\s+(?P\w+):(?P.*?)\s+]", d
c - (重新)熟悉一门语言的有效方法是什么？
在过去 7 个月左右的时间里，我几乎一直在使用 .NET C# 进行编程。在那之前，我的大部分编程都是用 C++(从学校里学的)。在工作中，我可能需要在接下来的几个月里做一大堆 C 语言。我对 C 的
python 重新。排除一些结果
我是 RE 的新手，我正在尝试获取歌词并分离出歌词标题、和声和主唱: 下面是一些歌词的例子: [Intro] D.A. got that dope! [Chorus: Travis Scott] Ic
c# - (重新)使用约束类型的泛型参数而不声明它们
这可能是不可能的，但我想检查是否可以用一种简单的方式表达这样的事情: // obviously doesn't work class Foo : IFoo where T: Bar {
MySQL表(重新)设计
我们的应用程序中有“user”和“study”实体，存储在它们各自的表中。一项研究代表一种研究和已收集的数据。它们是多对多的关系，所以我们需要一个链接表:studies_users。我们为用户分配角
database - (重新)命名数据库单元测试中的测试条件
将测试条件添加到 Visual Studio 2010 数据库单元测试(对于 SQL Server 2008)时，这些条件称为例如rowCountCondition1、rowCountConditio
android - (重新)在android模拟器上安装SD卡
在模拟器上，我可以从设置中卸载 SD 卡。然后我可以将它安装到我的操作系统上，然后正常卸载它。我一直无法弄清楚如何在模拟器上重新安装它(无需重新启动)。提示: adb 命令 remount 是无
svn - 如何从颠覆提交中(重新)生成补丁？
假设在一个分支上执行了一系列提交，但该分支尚未与主干重新同步。是否可以从提交中生成全局补丁？是否可以从一系列提交中生成“分组”补丁？如果是，如何？最佳答案 svn diff -rXXX:YYY UR
c# - WPF中的临时锁定窗口(重新)大小
在某些情况下，我想在我的应用程序中锁定调整大小功能，为此我尝试对属性进行数据绑定(bind)，并且不允许在某些情况下更改它，但没有成功。有没有办法这样做？这是我不成功的尝试: XAML: Vie
matlab - 断开显示器连接时(重新)检测连接的显示器数量
当我的计算机连接多个显示器时，我可以检测它们，并根据从获取的值设置位置来向它们绘制图形 get(0, 'MonitorPositions') 但是，当我在 MATLAB 运行时断开监视器时，此属性不会
database - grails如何(重新)连接到第二个数据库
我们有一个grails应用程序，该应用程序在grails数据库中存储了各种域对象。该应用程序连接到第二个数据库，运行一些原始sql，并在表中显示结果。它基本上是一个报告服务器。我们通过在DataSo
c++ - 可以(重新)分配来自不同容器的迭代器吗？
无法比较来自不同容器的迭代器(参见这里的示例: https://stackoverflow.com/a/4664519/225186 )(或者从技术上讲，它不需要有意义。) 这就提出了另一个问题，来自
java - onActivityResult(重新)调用
我有以下情况: 家长 Activity : ParentActivityClass { private Intent intent; @Override public void onCreate(Bu
javascript - Jquery - (重新)连接动态生成的元素
我经常将元素与附加功能 Hook ，例如: $('.myfav').autocomplete(); $('.myfav').datepicker(); $('.myfav').click(somefu
javascript - 如何根据屏幕尺寸(重新)使用不同的选项初始化工具提示？
因此，我将 tooltipster.js 库用于工具提示，并尝试更改工具提示在不同屏幕尺寸上的默认距离。所以这是默认的 init 的样子: $(inputTooltipTrigger).tool
c++ - (重新)实现 dynamic_cast
我在 ARM7 嵌入式环境中工作。我使用的编译器不支持完整的 C++ 功能。它不支持的一项功能是动态类型转换。有没有办法实现dynamic_cast<>() ？我使用 Google 寻找代码，但到

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

Javascript 和 JSP 未重新加载