-----------------------------------------------------js----------------------------------------------------------
// 验证应用包名是否填写
function packageNameCheck() {
var packageName = document.getElementById("package_name").value;
if (packageName == "") {
$("#packageNameMess").html("<div style='color:#e00;'>包名不能为空</div>");
document.getElementById("useSet").disabled = true;
return false;
} else {
$("#packageNameMess").html(null);
document.getElementById("useSet").disabled = false;
return true;
}
}
//验证版本号是否填写
function versionNameCheck() {
var versionName = document.getElementById("version_name").value;
if (versionName == "") {
$("#versionNameMess").html("<div style='color:#e00;'>版本号不能为空</div>");
document.getElementById("useSet").disabled = true;
return false;
} else {
$("#versionNameMess").html(null);
document.getElementById("useSet").disabled = false;
return true;
}
}
/**
* 表单提交时验证
*/
function adUpdateCheck(){
var packageNameFrag = packageNameCheck();
var versionNameFrag = versionNameCheck();
// 全部检查通过才能提交
if (packageNameFrag == true && versionNameFrag == true)
{
return true;
alert("添加成功!");
} else {
return false;
}
}
-----------------------------------------------表单部分内容--------------------------------------------------
<!-- 包名 -->
<tr>
<td class="deveLeftTd_18perc">包名:</td>
<td class="deveRightTd_auto">
<div style="float:left; margin-right:5px; margin-top:1px;">
<input id="package_name" type="text" name="package_name"/>
<span class="requisite">*</span>
<span id="packageNameMess" class="requisite"></span>
</div>
</td>
</tr>
<!-- 版本号 -->
<tr>
<td class="deveLeftTd_18perc" >版本号:</td>
<td class="deveRightTd_auto">
<div style="float:left; margin-right:5px; margin-top:1px;">
<input id="version_name" type="text" name="version_name"/>
<span class="requisite">*</span>
<span id="versionNameMess" class="requisite"></span>
</div>
</td>
</tr>
<button id="useSet" onclick="adUpdateCheck()" name="btnUseSet" type="submit" class="use_72x20"></button>
-------------------------------------------------------------
struts.xml中只写了action,方法中设置返回的为null,没有指定result
1. 验证时,除了 adUpdateCheck 函数里返回false之外,button 里还需要写成这样:
<button id="useSet" onclick="return adUpdateCheck()"></button>这样才能在返回false的时候不提交表单,因为这种内联方式的onclick事件,引号内部其实是JS语句,而不是只表示JS函数。
2. 提交后返回原页面,只需要设置result为提交之前一样的就可以了,比如 return "success" 或者 return "input"。如果 return null 的话,是没有任何结果,将得到一个空白页面。
这个是解决了,新的问题出来了:第一次验证不通过是出来了提示信息,但是改了之后还是提交不了,没反应了
if(验证成功)
document.form.action=(你成功后的ACTION),form是表单名
document.from.submit.
页面提交用button