一定要明白采取是哪种提交方式,表…
来源:互联网 发布:hp照片打印软件 编辑:程序博客网 时间:2024/05/17 19:22
最近研究了下html中,form保单提交的几种方法,现与大家分享一下(注:网上可能已经有好多版本了,这里自己写下来做个总结了,哈!):
方法一:利用form的onsubmit()函数(经常使用)
Html代码 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数组获取formalert("please input the content!"); document.reply.cont.focus();return false; } return true; }
注意:1.onsubmit属性内容一定要有return关键字,否则函数会直接执行,不会返回2.validateForm一定要返回一个boolean类型的返回值 3.提交按钮要写成submit类型的"quality="high" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer">
注意:1.onsubmit属性内容一定要有return关键字,否则函数会直接执行,不会返回2.validateForm一定要返回一个boolean类型的返回值 3.提交按钮要写成submit类型的"quality="high" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer">
- <</span>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; -
} - <</span>form
name="reply" method="post" onsubmit="return validateForm( >);" -
<</span>input type="text" name="title" size="80" /><</span>br /> -
<</span>textarea name="cont" cols="80" rows="12"></</span>textarea><</span>br /> -
<</span>input type="submit" value="提交" > - </</span>form>
- 注意:
- 1.onsubmit属性内容一定要有return关键字,否则函数会直接执行,不会返回
- 2.validateForm一定要返回一个boolean类型的返回值
- 3.提交按钮要写成submit类型的
方法二:利用input类型为submit组件的onclick()函数
方法三:利用button组件的onclick()函数,手动提交
Html代码 function modifyItem() { if(trim(document.getElementByIdx_x_x("itemName").value) == "") {alert("物料名称不能为空!"); document.getElementByIdx_x_x("itemName").focus();return; } with (document.getElementByIdx_x_x("itemForm")) { method ="post"; action ="item.do?command=modify&pageNo=${itemForm.pageNo}";submit(); } } //返回 function goBack() { window.self.location ="item.do?command=list&pageNo=${itemForm.pageNo}"; } 注意:1.提交时,设置form的action和methods属性,然后利用form.submit()函数提交。"quality="high" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer">
- <</span>script
type="text/javascript"> -
function modifyItem() { -
if (trim(document.getElementByIdx_x_x("itemName").value) == "") { -
alert("物料名称不能为空!"); -
document.getElementByIdx_x_x("itemName").focus(); -
return; -
} -
with (document.getElementByIdx_x_x("itemForm")) { -
method = "post"; -
action = "item.do?command=modify&pageNo=${itemForm.pageNo}"; -
submit(); -
} -
} -
//返回 -
function goBack() { -
window.self.location = "item.do?command=list&pageNo=${itemForm.pageNo}"; -
} - </</span>script>
- <</span>form
name="itemForm" id="itemForm"> -
<</span>input name="itemNo" type="text" id="itemNo" value="${ item.itemNo }" > -
<</span>input name="itemName" type="text" id="itemName" value="${ item.itemName }" > -
<</span>input name="btnModify" type="button" id="btnModify" value=“修改" onclick="modifyItem()"> - </</span>form>
- 注意:
- 1.提交时,设置form的action和methods属性,然后利用form.submit()函数提交。
0 0
- 一定要明白采取是哪种提交方式,表…
- 四十以后一定要明白
- 数据存储应采取何种方式?
- 采取Backup/Restore的方式复制数据库
- 【转】一定要亲身经历了之后才能明白?
- 作为女人,一定要明白的道理
- 批量修改style采取哪种方式好
- 浏览器三种刷新方式所采取的缓存机制
- 当项目进度告急时你会采取哪些方式
- 针对不同的客户采取不同的沟通方式
- 浏览器三种刷新方式所采取的缓存机制
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 一步一图一代码,一定要让你真正彻底明白红黑树
- 使用Spring的jdbcTemplate进一步简…
- Spring:JdbcTemplate使用指南
- struts2+jquery+easyui+datagrid+j…
- Struts2+JQuery+Json登陆实例
- There is no resul…
- 一定要明白采取是哪种提交方式,表…
- 在字符串中删除特定的字符
- jQuery中添加自定义或函数方法
- EasyUI把datagrid的值赋给表单
- 解析oracle的rownum
- plsql 分页
- 验证数字的正则表达式集
- Windows下搭建Subversion 服务器
- VMware虚拟机NAT模式的具体配置