如何验证jsp表单提交不为空

我想做一个提交表单前的验证,如果有表单为空则弹出警告,但是一直不能成功,求大神帮忙!

<%@ 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>

有更好的办法啊,使用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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-01-02
正好前两天帮朋友做了一个简单的。直接看代码
<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>
第2个回答  2014-01-02
<%@ 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的东西你新手不一定看得懂,我写这个简单,简单到有点无耻!嘿嘿
第3个回答  推荐于2016-07-04
if (document.form1.Pno,value==""){
value前面那个 " , " 是神马情况? 不应该是 " . " 么?本回答被提问者采纳
相似回答