-----------------------------表单部分
<form method="post" action="bill?status=a">
<div class="content">
<table class="box">
<tr>
<td class="field">账单编号:</td>
<td><input type="text" name="ID" class="text"id="id" onblur="checkId();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg">*</font></td>
</tr>
<tr>
<td class="field">商品名称:</td>
<td><input type="text" name="NAME" class="text" id="name" onblur="checkName1();" /><font color="red" id="namemsg">*</font></td>
</tr>
<tr>
<td class="field">商品数量:</td>
<td><input type="text" name="SUM" class="text" id="id1" onblur="checkId1();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg1">*</font></td>
</tr>
<tr>
<td class="field">商品单价:</td>
<td><input type="text" name="MONEY" class="text" id="id2" onblur="checkId2();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg2">*</font></td>
</tr>
<tr>
<td class="field">交易金额:</td>
<td><input type="text" name="DOLLAR" class="text" id="id3" onblur="checkId3();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg3">*</font></td>
</tr>
<tr>
<td class="field">是否付款:</td>
<td><select name="AFFORD" style="width: 100px">
<option value="是">是</option>
<option value="否">否</option>
</select></td>
</tr>
<tr>
<td class="field">供应商名称:</td>
<td><input type="text" name="SUPPLIER" class="text" id="name2" onblur="checkName2();" /><font color="red" id="namemsg2">*</font></td>
</tr>
<tr>
<td class="field">商品描述:</td>
<td><input type="text" name="DISCRIPTION" class="text" /></td>
</tr>
<tr>
<td class="field">账单时间:</td>
<td><input type="text" name="TIME" class="text"/></td>
</tr>
</table>
<div><span style="color: red;font-size: 14px;float: left;">${login_error}</span></div>
</div>
<div class="buttons">
<input type="submit" name="submit" value="确 认" class="input-button" />
<input type="button" name="button" value="返 回" class="input-button" onclick="history.back();" />
</div>
</form>
------------------js部分
function checkId3()
{
var id = document.getElementById("id3").value;
if(id=="")
{
document.getElementById("idmsg3" ).innerHTML="ID不能为空,且,必须为数字!";
return false;
}
}
function checkName1()
{
var name=document.getElementById("name").value;
if(name=="")
{
document.getElementById("namemsg").innerHTML="商品名称不能为空!";
return false;
}
}
function checkName2()
{
var name=document.getElementById("name2").value;
if(name=="")
{
document.getElementById("namemsg2").innerHTML="供应商名称不能为空!";
return false;
}
}
---------------------分割
如上所述,我要如何在必须使用oblur事件的同时阻止表单提交!帮忙指点指点,虚心求教
<form method="post" action="bill?status=a">
<div class="content">
<table class="box">
<tr>
<td class="field">账单编号:</td>
<td><input type="text" name="ID" class="text"id="id" onblur="checkId();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg">*</font></td>
</tr>
<tr>
<td class="field">商品名称:</td>
<td><input type="text" name="NAME" class="text" id="name" onblur="checkName1();" /><font color="red" id="namemsg">*</font></td>
</tr>
<tr>
<td class="field">商品数量:</td>
<td><input type="text" name="SUM" class="text" id="id1" onblur="checkId1();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg1">*</font></td>
</tr>
<tr>
<td class="field">商品单价:</td>
<td><input type="text" name="MONEY" class="text" id="id2" onblur="checkId2();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg2">*</font></td>
</tr>
<tr>
<td class="field">交易金额:</td>
<td><input type="text" name="DOLLAR" class="text" id="id3" onblur="checkId3();" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg3">*</font></td>
</tr>
<tr>
<td class="field">是否付款:</td>
<td><select name="AFFORD" style="width: 100px">
<option value="是">是</option>
<option value="否">否</option>
</select></td>
</tr>
<tr>
<td class="field">供应商名称:</td>
<td><input type="text" name="SUPPLIER" class="text" id="name2" onblur="checkName2();" /><font color="red" id="namemsg2">*</font></td>
</tr>
<tr>
<td class="field">商品描述:</td>
<td><input type="text" name="DISCRIPTION" class="text" /></td>
</tr>
<tr>
<td class="field">账单时间:</td>
<td><input type="text" name="TIME" class="text"/></td>
</tr>
</table>
<div><span style="color: red;font-size: 14px;float: left;">${login_error}</span></div>
</div>
<div class="buttons">
<input type="submit" name="submit" value="确 认" class="input-button" />
<input type="button" name="button" value="返 回" class="input-button" onclick="history.back();" />
</div>
</form>
------------------js部分
function checkId3()
{
var id = document.getElementById("id3").value;
if(id=="")
{
document.getElementById("idmsg3" ).innerHTML="ID不能为空,且,必须为数字!";
return false;
}
}
function checkName1()
{
var name=document.getElementById("name").value;
if(name=="")
{
document.getElementById("namemsg").innerHTML="商品名称不能为空!";
return false;
}
}
function checkName2()
{
var name=document.getElementById("name2").value;
if(name=="")
{
document.getElementById("namemsg2").innerHTML="供应商名称不能为空!";
return false;
}
}
---------------------分割
如上所述,我要如何在必须使用oblur事件的同时阻止表单提交!帮忙指点指点,虚心求教
这样也可以onsubmit=“return xx()&& bb()”
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function checkId(eleName){ var id = document.getElementById(eleName).value;
if(id==""){
document.getElementById(eleName+"msg").innerHTML="ID不能为空,且,必须为数字!";
return false;
}
document.getElementById(eleName+"msg").innerHTML='pass';
return true;
}
function checkName1(){
var name=document.getElementById("name").value;
if(name==""){
document.getElementById("namemsg").innerHTML="商品名称不能为空!";
return false;
}
document.getElementById("namemsg").innerHTML='pass';
return true;
}
function checkName2(){
var name=document.getElementById("name2").value;
if(name==""){
document.getElementById("name2msg").innerHTML="供应商名称不能为空!";
return false;
}
document.getElementById("name2msg").innerHTML='pass';
return true;
}
function checkForm(){
var requireInput=document.getElementsByTagName('input');
for(var i=0;i<requireInput.length;i++){
if(requireInput[i].hasAttribute('onblur')){
var reStatus = eval(requireInput[i].getAttribute('onblur'));
if(!reStatus) return false;
}
}
return false;
}
</script>
</head><body>
<form method="post" action="bill?status=a">
<div class="content">
<table class="box">
<tr>
<td class="field">账单编号:</td>
<td><input type="text" name="ID" class="text" id="id" onblur="checkId('id');" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="idmsg">*</font></td>
</tr>
<tr>
<td class="field">商品名称:</td>
<td><input type="text" name="NAME" class="text" id="name" onblur="checkName1();" /> <font color="red" id="namemsg">*</font></td>
</tr>
<tr>
<td class="field">商品数量:</td>
<td><input type="text" name="SUM" class="text" id="id1" onblur="checkId('id1');" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="id1msg">*</font></td>
</tr>
<tr>
<td class="field">商品单价:</td>
<td><input type="text" name="MONEY" class="text" id="id2" onblur="checkId('id2');" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="id2msg">*</font></td>
</tr>
<tr>
<td class="field">交易金额:</td>
<td><input type="text" name="DOLLAR" class="text" id="id3" onblur="checkId('id3');" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/> <font color="red" id="id3msg">*</font></td>
</tr>
<tr>
<td class="field">是否付款:</td>
<td><select name="AFFORD" style="width: 100px">
<option value="是">是</option>
<option value="否">否</option>
</select></td>
</tr>
<tr>
<td class="field">供应商名称:</td>
<td><input type="text" name="SUPPLIER" class="text" id="name2" onblur="checkName2();" /> <font color="red" id="name2msg">*</font></td>
</tr>
<tr>
<td class="field">商品描述:</td>
<td><input type="text" name="DISCRIPTION" class="text" /></td>
</tr>
<tr>
<td class="field">账单时间:</td>
<td><input type="text" name="TIME" class="text"/></td>
</tr></table>
<div><span style="color: red;font-size: 14px;float: left;">${login_error}</span></div>
</div>
<div class="buttons">
<input type="submit" name="submit" value="确 认" onclick="return checkForm();" class="input-button" />
<input type="button" name="button" value="返 回" class="input-button" onclick="history.back();" />
</div>
</form>
</body>
</html>