如题所述
æ¹æ³ä¸ï¼å©ç¨formçonsubmit()å½æ°
Html代ç
<script type="text/javascript">
function validateForm(){
if(document.reply.title.value == ""){ //éè¿formåæ¥è·åform
alert("please input the title!");
document.reply.title.focus();
return false;
}
if(document.forms[0].cont.value == ""){ //éè¿formsæ°ç»è·åform
alert("please input the content!");
document.reply.cont.focus();
return false;
}
return true;
}
<form name="reply" method="post" onsubmit="return validateForm( );">
<input type="text" name="title" size="80" /><br />
<textarea name="cont" cols="80" rows="12"></textarea><br />
<input type="submit" value="æ交" >
</form>
注æï¼
1.onsubmitå±æ§å 容ä¸å®è¦æreturnå ³é®åï¼å¦åå½æ°ä¼ç´æ¥æ§è¡ï¼ä¸ä¼è¿å
2.validateFormä¸å®è¦è¿åä¸ä¸ªbooleanç±»åçè¿åå¼
3.æ交æé®è¦åæsubmitç±»åç
æ¹æ³äºï¼å©ç¨inputç±»å为submitç»ä»¶çonclick()å½æ°
1.å°ä¸é¢formæ ç¾ä¸çonsubmit="return validateForm()"å±æ§ï¼å»æã
2.为âæ交âæé®æ·»å onclickäºä»¶ï¼å¦ä¸ï¼
<input type="submit" value="æ交" onclick="return validateForm();">
æ¹æ³ä¸ï¼å©ç¨buttonç»ä»¶çonclick()å½æ°ï¼æå¨æ交
Html代ç
<script type="text/javascript">
function modifyItem() {
if (trim(document.getElementById("itemName").value) == "") {
alert("ç©æå称ä¸è½ä¸ºç©ºï¼");
document.getElementById("itemName").focus();
return;
}
with (document.getElementById("itemForm")) {
method = "post";
action = "item.do?command=modify&pageNo=${itemForm.pageNo}";
submit();
}
}
//è¿å
function goBack() {
window.self.location = "item.do?command=list&pageNo=${itemForm.pageNo}";
}
</script>
<form name="itemForm" id="itemForm">
<input name="itemNo" type="text" id="itemNo" value="${ item.itemNo }" >
<input name="itemName" type="text" id="itemName" value="${ item.itemName }" >
<input name="btnModify" type="button" id="btnModify" value=âä¿®æ¹" onclick="modifyItem()">
</form>
注æï¼
1.æ交æ¶ï¼è®¾ç½®formçactionåmethodså±æ§ï¼ç¶åå©ç¨form.submit()å½æ°æ交ã
æ»ç»ï¼
1.对formä¸çç»ä»¶éªè¯æ¶ï¼å两个使ç¨çæ¯nameå±æ§ï¼å æ¬formèªèº«çã
2.å¦ææ交表åæ¶æ²¡æååºï¼åæ¶ç¡®å®æ交表åé¨å代ç 没æé®é¢ï¼è¯·æ¥çæ交表ååé¢çjs代ç ï¼ææ¶åé¢jsçé误ä¼å¼åè«åå ¶å¦çé®é¢ã
Html代ç
<script type="text/javascript">
function validateForm(){
if(document.reply.title.value == ""){ //éè¿formåæ¥è·åform
alert("please input the title!");
document.reply.title.focus();
return false;
}
if(document.forms[0].cont.value == ""){ //éè¿formsæ°ç»è·åform
alert("please input the content!");
document.reply.cont.focus();
return false;
}
return true;
}
<form name="reply" method="post" onsubmit="return validateForm( );">
<input type="text" name="title" size="80" /><br />
<textarea name="cont" cols="80" rows="12"></textarea><br />
<input type="submit" value="æ交" >
</form>
注æï¼
1.onsubmitå±æ§å 容ä¸å®è¦æreturnå ³é®åï¼å¦åå½æ°ä¼ç´æ¥æ§è¡ï¼ä¸ä¼è¿å
2.validateFormä¸å®è¦è¿åä¸ä¸ªbooleanç±»åçè¿åå¼
3.æ交æé®è¦åæsubmitç±»åç
æ¹æ³äºï¼å©ç¨inputç±»å为submitç»ä»¶çonclick()å½æ°
1.å°ä¸é¢formæ ç¾ä¸çonsubmit="return validateForm()"å±æ§ï¼å»æã
2.为âæ交âæé®æ·»å onclickäºä»¶ï¼å¦ä¸ï¼
<input type="submit" value="æ交" onclick="return validateForm();">
æ¹æ³ä¸ï¼å©ç¨buttonç»ä»¶çonclick()å½æ°ï¼æå¨æ交
Html代ç
<script type="text/javascript">
function modifyItem() {
if (trim(document.getElementById("itemName").value) == "") {
alert("ç©æå称ä¸è½ä¸ºç©ºï¼");
document.getElementById("itemName").focus();
return;
}
with (document.getElementById("itemForm")) {
method = "post";
action = "item.do?command=modify&pageNo=${itemForm.pageNo}";
submit();
}
}
//è¿å
function goBack() {
window.self.location = "item.do?command=list&pageNo=${itemForm.pageNo}";
}
</script>
<form name="itemForm" id="itemForm">
<input name="itemNo" type="text" id="itemNo" value="${ item.itemNo }" >
<input name="itemName" type="text" id="itemName" value="${ item.itemName }" >
<input name="btnModify" type="button" id="btnModify" value=âä¿®æ¹" onclick="modifyItem()">
</form>
注æï¼
1.æ交æ¶ï¼è®¾ç½®formçactionåmethodså±æ§ï¼ç¶åå©ç¨form.submit()å½æ°æ交ã
æ»ç»ï¼
1.对formä¸çç»ä»¶éªè¯æ¶ï¼å两个使ç¨çæ¯nameå±æ§ï¼å æ¬formèªèº«çã
2.å¦ææ交表åæ¶æ²¡æååºï¼åæ¶ç¡®å®æ交表åé¨å代ç 没æé®é¢ï¼è¯·æ¥çæ交表ååé¢çjs代ç ï¼ææ¶åé¢jsçé误ä¼å¼åè«åå ¶å¦çé®é¢ã
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2017-10-11
1.基于Struts标签,submit类型提交:
<html:form act
ion="/login"
method属性可以忽略不写,原因是Struts默认method="post"
2.基于非Struts标签,submit类型提交:
<from act
ion="/Test/login.do?method="login"" method="post"
非Struts标签时,method属性默认为get,为方便,一般设置为post
3.非Struts标签,button类型提交:
<from act
ion="/Test/login.do?method=login" method="post"
<input type="button" name="login" on
click="login()"/<javaScript type="test/javaScript"function login(){
document.forms[0].act
ion=document.forms[0].act本回答被提问者采纳
<html:form act
ion="/login"
method属性可以忽略不写,原因是Struts默认method="post"
2.基于非Struts标签,submit类型提交:
<from act
ion="/Test/login.do?method="login"" method="post"
非Struts标签时,method属性默认为get,为方便,一般设置为post
3.非Struts标签,button类型提交:
<from act
ion="/Test/login.do?method=login" method="post"
<input type="button" name="login" on
click="login()"/<javaScript type="test/javaScript"function login(){
document.forms[0].act
ion=document.forms[0].act本回答被提问者采纳