如何验证jsp表单提交不为空
我想做一个提交表单前的验证,如果有表单为空则弹出警告,但是一直不能成功,求大神帮忙!<%@pagelanguage="java"contentType="text/htm...
我想做一个提交表单前的验证,如果有表单为空则弹出警告,但是一直不能成功,求大神帮忙!
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
//这样写是不是有错误啊...有没有更好的方法呢
<script type="text/javascript">
function formcheck(){
if (document.form1.Pno,value==""){
alert("项目编号不能为空!");
return false;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@include file="../outer/head.jsp" %>
<div id="content">
<div id="right" class="container">
<h3>增加客户信息</h3>
<form id="form1" name="form1" method="post" class="navbar-form navbar-left" onsubmit="return formcheck(this)" action="Insert1.jsp">
<p> 项目编号 :
<label>
<input name="Pno" type="text" id="Pno" class="form-control" placeholder="例:0571201301"/>
</label>
</p>
<p> 交易金额 :
<label>
<input name="cTurnover" type="text" id="cTurnover" class="form-control" placeholder="例:¥50,000"/>
</label>
</p>
<p> 项目名称 :
<label>
<input name="pName" type="text" id="pName" class="form-control" placeholder="例:双流机场安保工程"/>
</label>
</p><p>
<input name="pAddress" type="text" id="pAddress" class="form-control" placeholder="例:四川省成都市"/>
</label>
</p>
<p>
<label>
<input type="submit" name="Submit"class="btn btn-default" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" class="btn btn-default"value="重置" />
</label>
</p>
</form>
</div>
</div>
</body>
</html> 展开
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
//这样写是不是有错误啊...有没有更好的方法呢
<script type="text/javascript">
function formcheck(){
if (document.form1.Pno,value==""){
alert("项目编号不能为空!");
return false;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@include file="../outer/head.jsp" %>
<div id="content">
<div id="right" class="container">
<h3>增加客户信息</h3>
<form id="form1" name="form1" method="post" class="navbar-form navbar-left" onsubmit="return formcheck(this)" action="Insert1.jsp">
<p> 项目编号 :
<label>
<input name="Pno" type="text" id="Pno" class="form-control" placeholder="例:0571201301"/>
</label>
</p>
<p> 交易金额 :
<label>
<input name="cTurnover" type="text" id="cTurnover" class="form-control" placeholder="例:¥50,000"/>
</label>
</p>
<p> 项目名称 :
<label>
<input name="pName" type="text" id="pName" class="form-control" placeholder="例:双流机场安保工程"/>
</label>
</p><p>
<input name="pAddress" type="text" id="pAddress" class="form-control" placeholder="例:四川省成都市"/>
</label>
</p>
<p>
<label>
<input type="submit" name="Submit"class="btn btn-default" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" class="btn btn-default"value="重置" />
</label>
</p>
</form>
</div>
</div>
</body>
</html> 展开
4个回答
展开全部
有更好的办法啊,使用jquery $("#id")获取id,当然也可以使用name或者其他属性,可查看jquery文档里面的”选择器“,然后得到.val(),例如if($("#pName").val() =="") console.inro("姓名不能为空");return;OK了,再有不懂可询问我,另外还可更换浏览器再试一下,使用firebug查看。
追问
亲,是要外载jquery.js么?我是新手菜鸟,大概理解了,但是不太会写,能不能简单帮我写一下呢...感激不尽
追答
对啊 ,下载一个jquery文件,这个我上传一个,然后引入就可以了<script src="../jquery/jquery.js" type="text/javascript"></script>
展开全部
正好前两天帮朋友做了一个简单的。直接看代码
<script type="text/javascript">
function checkeds(){
var reg=/^[1-9]+[0-9]*]*$/;
var myName = document.getElementById("myname").value;
var myAge = document.getElementById("myage").value;
var myPassword = document.getElementById("mypassword").value;
var myPassword1 = document.getElementById("mypassword1").value;
var myRemark = document.getElementById("myremark").value;
debugger;
if(null == myName || "" == myName ){
alert("姓名不能为空");
document.getElementById("myname").focus();
return false;
}else if(!reg.test(myAge)){
alert("年龄必须为数字");
document.getElementById("myage").value = "";
document.getElementById("myage").focus();
return false;
}else if(myPassword.length != 6){
alert("密码必须是6位");
document.getElementById("mypassword").focus();
return false;
}else if(myPassword != myPassword1){
alert("密码必须一致");
document.getElementById("mypassword1").value = "";
document.getElementById("mypassword1").focus();
return false;
}else{
alert("验证成功");
}
}
</script>
<body>
请输入姓名:<input id="myname" type="text">(不允许有空值)<br>
请输入年龄:<input id="myage" type="text">(必须是阿拉伯数字)<br>
请输入密码:<input id="mypassword" type="password">(必须是6位)<br>
填写重复密码:<input id="mypassword1" type="password">(和上面的要一致)<br>
填写备注说明:<textarea id="myremark"></textarea><br>
<input type="button" onclick="checkeds();" value="提交" />
</body>
<script type="text/javascript">
function checkeds(){
var reg=/^[1-9]+[0-9]*]*$/;
var myName = document.getElementById("myname").value;
var myAge = document.getElementById("myage").value;
var myPassword = document.getElementById("mypassword").value;
var myPassword1 = document.getElementById("mypassword1").value;
var myRemark = document.getElementById("myremark").value;
debugger;
if(null == myName || "" == myName ){
alert("姓名不能为空");
document.getElementById("myname").focus();
return false;
}else if(!reg.test(myAge)){
alert("年龄必须为数字");
document.getElementById("myage").value = "";
document.getElementById("myage").focus();
return false;
}else if(myPassword.length != 6){
alert("密码必须是6位");
document.getElementById("mypassword").focus();
return false;
}else if(myPassword != myPassword1){
alert("密码必须一致");
document.getElementById("mypassword1").value = "";
document.getElementById("mypassword1").focus();
return false;
}else{
alert("验证成功");
}
}
</script>
<body>
请输入姓名:<input id="myname" type="text">(不允许有空值)<br>
请输入年龄:<input id="myage" type="text">(必须是阿拉伯数字)<br>
请输入密码:<input id="mypassword" type="password">(必须是6位)<br>
填写重复密码:<input id="mypassword1" type="password">(和上面的要一致)<br>
填写备注说明:<textarea id="myremark"></textarea><br>
<input type="button" onclick="checkeds();" value="提交" />
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript">
function $$(i){
return document.getElementById(i);
}
function formcheck(){
if($$("Pno").value==""||$$("cTurnover").value==""||$$("pName").value==""||$$("pAddress").value=="")
alert("有未填项,请重新填写");
else{
$$("lab").innerHTML='<input type="submit" name="Submit" class="btn btn-default" value="提交" />';
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="content">
<div id="right" class="container">
<h3>增加客户信息</h3>
<form id="form1" name="form1" method="post" class="navbar-form navbar-left" action="Insert1.jsp">
<p> 项目编号 :
<label>
<input name="Pno" type="text" id="Pno" class="form-control" placeholder="例:0571201301"/>
</label>
</p>
<p> 交易金额 :
<label>
<input name="cTurnover" type="text" id="cTurnover" class="form-control" placeholder="例:¥50,000"/>
</label>
</p>
<p> 项目名称 :
<label>
<input name="pName" type="text" id="pName" class="form-control" placeholder="例:双流机场安保工程"/>
</label>
</p><p>
<input name="pAddress" type="text" id="pAddress" class="form-control" placeholder="例:四川省成都市"/>
</label>
</p>
<p>
<label id="lab">
<input type="button" name="Submit"class="btn btn-default" value="提交" onclick="formcheck()" />
</label>
<label>
<input type="reset" name="Submit2" class="btn btn-default"value="重置" />
</label>
</p>
</form>
</div>
</div>
</body>
</html>
jQuery的东西你新手不一定看得懂,我写这个简单,简单到有点无耻!嘿嘿
pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript">
function $$(i){
return document.getElementById(i);
}
function formcheck(){
if($$("Pno").value==""||$$("cTurnover").value==""||$$("pName").value==""||$$("pAddress").value=="")
alert("有未填项,请重新填写");
else{
$$("lab").innerHTML='<input type="submit" name="Submit" class="btn btn-default" value="提交" />';
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="content">
<div id="right" class="container">
<h3>增加客户信息</h3>
<form id="form1" name="form1" method="post" class="navbar-form navbar-left" action="Insert1.jsp">
<p> 项目编号 :
<label>
<input name="Pno" type="text" id="Pno" class="form-control" placeholder="例:0571201301"/>
</label>
</p>
<p> 交易金额 :
<label>
<input name="cTurnover" type="text" id="cTurnover" class="form-control" placeholder="例:¥50,000"/>
</label>
</p>
<p> 项目名称 :
<label>
<input name="pName" type="text" id="pName" class="form-control" placeholder="例:双流机场安保工程"/>
</label>
</p><p>
<input name="pAddress" type="text" id="pAddress" class="form-control" placeholder="例:四川省成都市"/>
</label>
</p>
<p>
<label id="lab">
<input type="button" name="Submit"class="btn btn-default" value="提交" onclick="formcheck()" />
</label>
<label>
<input type="reset" name="Submit2" class="btn btn-default"value="重置" />
</label>
</p>
</form>
</div>
</div>
</body>
</html>
jQuery的东西你新手不一定看得懂,我写这个简单,简单到有点无耻!嘿嘿
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
if (document.form1.Pno,value==""){
value前面那个 " , " 是神马情况? 不应该是 " . " 么?
value前面那个 " , " 是神马情况? 不应该是 " . " 么?
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询