0

下面是我的 JSP 文件，我使用 servlet 检查字段是否为空，但显然这需要在客户端完成。当按下提交按钮并且字段为空时，如何防止表单提交？

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page session="false" %>
<!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">
<style type="text/css">
h1 { font-family : cooper black;}
</style>
<title>Add a Phonebook Entry</title></head>
<body>
<h1> Add a Phonebook Entry</h1>
<form action="process.do" method="GET">
<table summary="phonebook entry table">
    <tr>
        <td>Last name:</td>

        <%
        String last = "";
        String first = "";
        String phone = "";

        if(request.getParameter("surname")!=null){
            last = (String) request.getParameter("surname");
        }
        if(request.getParameter("firstname")!=null){
            first = (String) request.getParameter("firstname");
        }

        if(request.getParameter("phone")!=null){
            phone = (String) request.getParameter("phone");
        }
         %>

        <td><input type="text" title="enter your last name here" name="surname" name="initials" size=10 maxlength=10 value=<%= last %> ></td>
    </tr>
    <tr>
        <td>First name:</td>
        <td><input type="text" name="firstname" size=10 maxlength=10 value=<%=first %> ></td>
    </tr>
    <tr>
        <td>Phone number: </td>
        <td><input type="text" name="phone" maxlength=10 size=10 value=<%=phone %> > </td>
    </tr>
</table>
<br><input type="submit" value="Submit">
</form>
<p> View the phonebook <a href="./Display.jsp">here</a></p>

4

3 回答 3

2

JavaScript

基本上有一个简短的脚本来检查所有输入是否已填充。如果没有，则阻止提交请求。

您仍然需要在服务器端实现一些东西来检查字段，因为用户可以禁用 JavaScript。我的以下建议也是如此。

HTML5

还有 HTML5 required 属性。我认为并非所有浏览器都支持此功能。

<input type="text" name="username" required>

如果未填充并且启用了 HTML5 验证，则表单将不会提交。

于 2013-05-01T14:59:02.117 回答
1

那一小段 JavaScript 可能是，使用 jQuery：

$("#form").submit(function() {
    var requiredFailed = true;
    $("#form input:text").each(function() {
        if ($.trim($(this).val()).length == 0) {
            requiredFailed = false;
            return false;
        }
    });
    return requiredFailed;
});

它查看所有文本类型的输入，如果任何输入为空，则不会提交表单。

于 2013-05-01T15:35:03.880 回答
0

尝试以下...应该可以记住 <% ..... %>

out.print("Please enter ");
if(fieldname.length()==0){
    out.print("field name");
}
if (fieldname2.length()==0) {
    out.print(" and ");
}
if (fieldname2.length()==0){  
    out.print("field name2");
}
out.println("breakline");
于 2014-03-27T15:14:34.143 回答