关于Form表单的提交与验证???
<html>
<head>
<title>多媒体实验</title>
<!--<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="skin/player4.css" rel="stylesheet" type="text/css" id="cssfile" />-->
<script language="javaScript">
function userLogin(obj){
var userName=document.mediaForm.userName.value;
var userPwd=document.mediaForm.userPwd.value;
var flag=true;
if(userName==""){
alert("用户名不能为空");
flag=false;
}
if(userPwd==""){
alert("用户密码不能为空");
flag=false;
}
if(flag){
document.mediaForm.click_action.value=obj.value;
document.mediaForm.action="http://127.0.0.1:80/cgi-bin/FirstEmbedPrj.cgi";
document.mediaForm.submit();
}
}
</script>
</head>
<body bgcolor="#999999">
<center>
<form name="mediaForm" method="post" action="">
<br /><br /><br /><br />
<table cellpadding="2" cellspacing="2" align="center" bgcolor="#FF0000" style="color:#00FF00" border="2">
<tr>
<td colspan="2" align="center">用户登陆</td>
</tr>
<tr >
<td>用户名:</td>
<td><input type="text" name="userName" value=""/></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="userPwd" value=""/></td>
</tr>
<tr>
<td align="center"><input type="submit" name="sub" value="login" οnclick="userLogin(this);"/></td>
<td align="center"><input type="button" name="smt" value="login_sub" οnclick="userLogin(this);"/></td>
<td align="center"><input type="hidden" name="click_action" value=""/></td>
<td align="center"><input type="reset" name="ret" value="reset"/></td>
</tr>
</table>
</form>
</center>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------------------------------
从中得到的知识为:
1.当提交时type="submit"的按钮的值会传到服务器中,形式为:name=value,上面为sub=login
2.当提交时type="button"的按钮的值不会传到服务器中
3.当将form改为:<form name="mediaForm" method="post" action="http://127.0.0.1:80/cgi-bin/FirstEmbedPrj.cgi">
(a)点击type="submit"的按钮提交时,即使表单验证不成功,照样会提交表单。当表单action为空时
验证不成功时,也会提交表单,不过效果相当于刷新该页面而已。
(b)点击type="button"的按钮提交时,表单验证不成功时,即使表单action不为空,也不会提交
关于Form表单的提交与验证???相关推荐
- 前端:JS/32/form对象(表单)(form对象的属性,方法和事件),受返回值影响的两个事件(onclick事件,onsubmit事件),获取表单的元素对象的三种方式,表单的提交和验证方法总结
form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...
- 防止form表单重复提交的几种方案
阅读目录 前言 form重复提交场景 解决方案 一:前端利用JavaScript防止表单重复提交 二:利用Session防止表单重复提交 三:使用重定向也可以解决form表单重复提交问题 参考 前言 ...
- js实现Form表单submit提交截获数据(各浏览器通用)
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...
- 使用ajax方法实现form表单的提交
2019独角兽企业重金招聘Python工程师标准>>> 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控 ...
- 用js将form表单同时提交到两个不同页面的方法
用js将form表单同时提交到两个不同页面的方法: <script type="text/javascript"> function dosubmit(){ windo ...
- form表单重复提交
现象: 后台完成数据库操作后返回到页面,这时点击浏览器的后退再提交或刷新页面,会导致form表单重复提交 原因: 第一次提交的表单会被缓存到内存中,直到页面下次提交或页面关闭或转向其它页面才消失,在自 ...
- .form文件_含文件上传的form表单AJAX提交小结
最近在学习PHP时,遇到不知道如何含文件上传的form表单AJAX提交,现在把这些记录下来以备自己后续复习时用: HTML代码 *姓名: *性别: {eq name='list.sex' value= ...
- form表单同时提交带文本和图片的数据
方法一:使用ajax异步提交 此种方法的好处是可以回调响应结果. html代码: <form action="${basePath}/save" method="p ...
- 防止Form表单重复提交的客户端及服务器端的方式
参考:https://www.cnblogs.com/xdp-gacl/p/3859416.html 上文只是介绍了form表单提交,没有介绍form表单异步提交 上文只是介绍了单个Servlet的处 ...
最新文章
- 介绍一些简单实用的Python小tricks
- SQL语句 - 嵌套查询
- poj 2352 Stars(线段树)
- Xilinx Platform Cable USB II 下载器驱动安装教程——Win10
- 变频器lpm故障码是什么_什么是变频器软故障,如何解决?
- HDU - 4348To the moon——主席树+区间修改
- leetcode1338. 数组大小减半(贪心算法)
- php代码显示灰色,哀悼日-实现网页变灰色的方法
- java词法分析_Hive源码系列(七)编译模块之词法、语法解析 (中)
- 跨境电商为什么要用ERP系统?
- 大话css预编译处理(一)通读介绍篇
- python 爬虫 (错误很多)
- 检测网络端口和刷新本地DNS
- 数据包络分析方法与maxdea软件_北大经济学博士张川川:经济学实证分析方法与论文写作经验分享会(国庆网络专场)...
- 绫辻行人《杀人偶人馆》读后感
- linux进化树分析的软件,进化树分析及相关软件使用说明
- ref使用之react / react hook
- 移动端横屏/强制横屏
- 什么是人工智能?终于说明白了
- unity 让ui对齐_Unity中UI锚点的四种摆放形式