最近研究了下html中,form保单提交的几种方法,现与大家分享一下(注:网上可能已经有好多版本了,这里自己写下来做个总结了,哈!):
方法一:利用form的onsubmit()函数(经常使用)
<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()函数,手动提交
<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的错误会引发莫名其妙的问题。
分享到:
相关推荐
在进行表单提交时,会遇到在提交前增加额外参数的情况,主要有以下几种方法,大家可以根据自己的需求进行选择
主要介绍了mvc form表单提交的几种形式整理总结的相关资料,这里提供了几种方法及实例代码,需要的朋友可以参考下
最普通最常用最一般的方法就是用submit type..看代码: 复制代码代码如下: <form name=”form” method=”post” action=”#”> <input type=”submit” name=”submit...第三种是使用链接来提交表单,用到了
下面博主汇总出现这种错误的几种解决方法: 问题原因:由于在asp.net中,Request提交时出现有html代码或javascript等字符串时,程序系统会认为其具有潜在危险的值。环境配置会报出“从客户端 中检测到有潜在危险的...
前言 为什么要避免form表单被重复提交呢?因为我们不想让我们的服务器重复处理没必要的数据,同时我们也是避免我们的数据库产生重复的数据,避免表单重复提交也是让我们的网站更安全的一种表现。...下面是几种解决办法
几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axios发送异步的请求后端一直获取不出axios...
在导师的催促下就总结出以下的几种常用表单提交的方法。 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 [removed] function validate(obj) { if (confirm("提交表单?")) {...
ajax技术带给我们的是良好的用户体验,同时,使用jquery可以简化开发,提高工作效率,接下来,脚本之家小编给大家分享Jquery中ajax提交表单几种方法,需要的朋友可以参考下
一、PHP获取POST数据的几种方法 方法1、最常见的方法是:$_POST[‘fieldname’]; 说明:只能接收Content-Type: application/x-www-form-urlencoded提交的数据 解释:也就是表单POST过来的数据 方法2、file_get_...
大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在...
web前端数据请求或者表单提交...表单提交有以下几种方式: <form name=”form” method=”post” action=”#> <input type=”submit” name=”submit” value=”提交> </form> 另外,还有一种常用的
这里收集了几种方法,简答说下需要那些包,怎么简单使用。 一、 使用HttpResponseRedirect The first argument to the constructor is required – the path to redirect to. This can be a fully qualified URL (e....
在表单提交前进行验证的几种方式 . 在Django中,为了减轻后台压力,可以利用JavaScript在表单提交前对表单数据进行验证。下面提供了有效的几种方式(每个.html文件为一种方式)。 formpage1.html 代码如下: <!...
今天我们来补充一下文件的上传的几种方式: 首先我们先补充的一个知识点: 一、请求头ContentType: ContentType 指的是请求体的编码类型,常见的类型共有三种: 1、application/x-www-form-urlencoded 这应该是最...
1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet、JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了...
方式一:通过submit按钮提交 <!DOCTYPE html> <html> <head> <title>通过submit按钮提交</title> <meta charset=UTF-8/> </head> <body> <form action= method...
看了网上的,有几种方法: 1 在你的表单页里HEAD区加入这段代码: 代码如下:<META HTTP-EQUIV=”pragma” CONTENT=”no-cache”> <META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache, must-revalidate...