使用JavaScript在JSP中进行表单验证
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
*{
font-family: cursive;
}
</style>
<script type="text/javascript">
function validate()
{
var a = document.getElementById("a");
var b = document.getElementById("b");
var valid = true;
if(a.value.length<=0 || b.value.length<=0)
{
alert("Don't leave the field empty!");
valid = false;
}
else{
if(!IsNumeric(a.value) || !IsNumeric(b.value))
alert("Enter a number");
valid = false;
}
return valid;
};
</script>
</head>
<body bgcolor="#CDCDCC" font-family="cursive" font-size="20px;" font-weight="bold">
<h2>Welcome <%=request.getParameter("uname")%>! Enter the numbers and the operation that you want to perform: </h2>
<form font-size="75px;" action ="serv" method="get" onsubmit="return validate();" >
<hr/>
Enter the 1st number: <input type="text" name="a" /><br/>
Enter the 2st number: <input type="text" name="b" /><br/><br/>
<label>Add</label><input type="radio" name="option" value="Add" /><br/>
<label>Subtract</label><input type="radio" name="option" value="Subtract"/><br/>
<label>Multiply</label><input type="radio" name="option" value="Multiply"/><br/>
<label>Divide</label><input type="radio" name="option" value="Divide" /><br/>
<input type="submit" value="Submit" />
</form>
</body>
这是我的JSP，我编写了一个JavaScript函数validate()，该函数针对空格和String验证用户输入。我的问题是，当我单击“提交”按钮时，对于正确的整数输入，它正在工作。如果输入的内容无效，我将得到空白页。有人可以帮我解决问题是什么，我应该修改什么？谢谢。
问题答案：
在您的JavaScript中，您正在通过ID进行检查，但输入字段没有ID。
<input type="text" name="a" id ="a"/>
<input type="text" name="b" id="b" />
检查输入是否为字符串，isNAN()如以下方式使用
if(isNaN(a) || isNaN(b)){
alert("enter a number");}
以下是完整的工作示例
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
*{
font-family: cursive;
}
</style>
<script type="text/javascript">
function validate()
{
var a = document.getElementById("a");
var b = document.getElementById("b");
var c = document.getElementById("a").value;
var d = document.getElementById("b").value;
var valid = true;
if(a.value.length<=0 || b.value.length<=0)
{
alert("Don't leave the field empty!");
valid = false;
}
else{
if(isNaN(c) || isNaN(d)){
alert("Enter a number");
valid = false;}
}
return valid;
};
</script>
</head>
<body bgcolor="#CDCDCC" font-family="cursive" font-size="20px;" font-weight="bold">
<h2>Welcome <%=request.getParameter("uname")%>! Enter the numbers and the operation that you want to perform: </h2>
<form font-size="75px;" action ="serv" method="get" onsubmit="return validate();" >
<hr/>
Enter the 1st number: <input type="text" name="a" id="a" /><br/>
Enter the 2st number: <input type="text" name="b" id="b" /><br/><br/>
<label>Add</label><input type="radio" name="option" value="Add" /><br/>
<label>Subtract</label><input type="radio" name="option" value="Subtract"/><br/>
<label>Multiply</label><input type="radio" name="option" value="Multiply"/><br/>
<label>Divide</label><input type="radio" name="option" value="Divide" /><br/>
<input type="submit" value="Submit" />
</form>
</body>
-
本文向大家介绍使用JavaScript进行表单校验功能，包括了使用JavaScript进行表单校验功能的使用技巧和注意事项，需要的朋友参考一下 文本框校验 以下是文本框的校验步骤。 1.获取待校验的文本框value值， 2.对value值设置判定条件，使用if语句或switch语句实现。 3. 若满足条件，则校验通过，返回值为true。 4. 若不满足条件则返回值为false，替换文本输出校验的提
-
问题内容： 如果我不想刷新页面，该如何在Codeigniter中进行表单验证？基本上我这样做： 但是，如果我使用ajax发送数据并且页面没有刷新，我该如何进行表单验证？ 编辑： 谢谢@ Amra Kojon。很好并且可行，但是新的问题是： 如果我只是在其他部分说回声“某事”，它可以工作，并且如果验证还可以，则回声你好，但是如果我在数据库中写入主题（值数组中包含数据且不是ajax方式，则插入日期），
-
如果您不得不跟浏览器提交的表单数据打交道，视图函数里的代码将会很快变得 难以阅读。有不少的代码库被开发用来简化这个过程的操作。其中一个就是 WTForms ， 这也是我们今天主要讨论的。如果您发现您自己陷入处理很多表单的境地，那您也许 应该尝试一下他。 要使用 WTForms ，您需要先将您的表单定义为类。我建议您将应用分割为多个模块 (大型应用) ，这样的话您仅需为表单添加一个独立的模块。 挖掘
-
问题内容： 到目前为止，我已经使用纯JavaScript来验证表单，但是我需要在组合中添加mysqli查询。只有我对jquery和ajax不太了解。我可以做一个简单的登录表格，但这有点复杂。谁能给我有关如何添加jquery / ajax组件来验证这一点的任何指示： 问题答案： 您可以做的是发送$ .post像这样： 在你的 记得： 如果您要发布表单，请提交以添加到您的javascript函数中以手
-
本文向大家介绍AngularJS使用angular-formly进行表单验证，包括了AngularJS使用angular-formly进行表单验证的使用技巧和注意事项，需要的朋友参考一下 当验证表单中有很多字段时，这时候可能希望把html的生成以及验证逻辑放到controller中，在页面，也许是这样的： 然后，在controller中定义各个字段以及验证。angular-formly就是为这个需
-
问题内容： 我有这种形式：http : //jsfiddle.net/dfJeN/ 如您所见，输入的名称值是静态设置的： ，则表单验证可以正常工作（添加一些内容并从输入中删除所有文本，必须显示一个文本）。 然后，我尝试动态设置名称值：http : //jsfiddle.net/jNWB8/ 然后我将其应用于我的验证 （此模式将在ng-repeat中使用），但我的表单验证已损坏。它在浏览器中已正确解
-
我正在制作一个简单的表单，并为每个字段制作了一个函数来验证。但是当我通过live server测试表单时，即使字段没有验证，表单也会提交。除此之外，每个函数似乎都能按预期工作。 这是HTML
-
本文向大家介绍EasyUI中在表单提交之前进行验证，包括了EasyUI中在表单提交之前进行验证的使用技巧和注意事项，需要的朋友参考一下 使用EasyUi我们可以在客户端表单提交之前进行验证，过程如下：只需在onSubmit的时候使用return $("#form1").form('validate')方法即可，EasyUi中form模块中的from('validate')方法会自行对我们指定的表单