社区
Java EE
帖子详情
表单提交中OnSubmit、Onclick、Action
阿木王
2011-01-12 10:36:12
表单提交中OnSubmit、Onclick、Action三者执行顺序是怎样的,,求一例详解
...全文
312
1
打赏
收藏
表单提交中OnSubmit、Onclick、Action
表单提交中OnSubmit、Onclick、Action三者执行顺序是怎样的,,求一例详解
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
阿木王
2011-01-17
打赏
举报
回复
//先执行onSubmit中的代码,注意其中的格式,刚开始我直接调用其方法,试了n遍都没成功,现在终于明白啦
至于onClick,就是直接跳到onClick的相关页面
<script type="text/javascript">
function addCheck(){
var nameStr=document.systemForm.stuName.value;
var pwdStr=document.systemForm.stuPwd.value;
if(nameStr.length==0)
{ alert("请输入姓名");
document.systemForm.stuName.focus();
return false;
}
if(pwdStr.length==0)
{ alert("请输入密码");
document.systemForm.stuPwd.focus();
return false;
}
return true;
}
</script>
<body>
<form name="systemForm" method="post" action="checkUser" onSubmit="javascript:return addCheck()" >
<table width="760" border="0" cellspacing="3" cellpadding="0" align="center" class="tab1">
<tr>
<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="95%" align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="496" height="108">
<param name="movie" value="Images/sofa1.swf">
<param name="quality" value="high">
<embed src="Images/sofa1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="496" height="108"></embed>
</object></td>
</tr>
<tr>
<td height="25" align="left" class="back"> 欢迎使用软件中心在线考试系统</td>
<td width="10%" height="25" align="right" class="back">帮 助 </td>
</tr>
<tr>
<td colspan="2" height="25" class="xiangdao"> 系统维护:您可以在此定制考试、添加试题及维护考生信息</td>
</tr>
<tr>
<td colspan="2" height="10"> </td>
</tr>
<tr align="center">
<td colspan="2"><table border="0" cellpadding="5" cellspacing="0" class="tab2">
<tr align="center">
<td colspan="3"><b>进入系统维护</b></td>
</tr>
<tr>
<td align="center">帐号:</td>
<td height="20" align="center"><input name="stuName" type="text" class="textField" size="20"></td>
<td align="center" class="red">*</td>
<td align="center"><a href="regist.jsp">注册账号</a></td>
</tr>
<tr>
<td align="center">密码:</td>
<td height="20" align="center"><input name="stuPwd" type="password" class="textField" size="20"></td>
<td align="center" class="red">*</td>
<td align="center"><a href="">找回密码</a></td>
</tr>
<tr>
<td align="center">
</tr>
<tr>
<td> </td>
<td align="right"><input name="Submit" type="submit" class="button1" value="登 录" >
<input name="Reset" type="reset" class="button1" value="重 置" ></td>
<td align="center"> </td>
</tr>
<tr>
<td colspan="3"><hr noshade size="1"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" colspan="2" align="right" class="itemFont"> </td>
</tr>
<tr>
<td height="25" colspan="2" align="right" class="back">© 2005 清华IT软件实验室 </td>
</tr>
</table></td>
</tr>
</table>
</form>
onsubmit
阻止form
表单提交
与
onclick
的相关操作
需要注意的是,如果
表单提交
是通过一个普通按钮(`<input type="button">`)的`
onclick
`事件
中
调用`form.submit()`,那么`
onsubmit
`事件不会自动触发,需要手动调用。 示例: ```html <form
action
="index.jsp" ...
js
表单提交
和submit提交的区别实例分析
最后,需要注意的是,在`
onsubmit
`事件处理器
中
执行`alert()`函数可能会阻止表单的提交,特别是对于Firefox浏览器。因此在使用`
onsubmit
`事件进行验证时,应避免使用阻塞操作。 总结来说,
表单提交
和submit按钮提交...
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
使用JavaScript
中
的form元素的submit方法进行提交时,JavaScript会立即处理提交操作,而不会触发表单元素上的
onsubmit
事件处理器。这意味着如果表单上有
onsubmit
事件处理器用于进行数据验证或执行其他操作,开发者...
自定义表单的实现源代码
在JavaScript
中
,表单事件如`
onsubmit
`、`onchange`、`
onclick
`等用于响应用户操作。自定义表单通常需要绑定这些事件来执行特定功能,如数据验证、
表单提交
或实时更新等。 五、AJAX提交 为了提供无刷新的用户体验,...
javascript 按回车键相应按钮提交事件.docx
然而,在实际应用
中
可能会遇到这样一个需求:当用户完成表单填写后,希望可以通过直接按回车键来触发按钮的点击事件,从而执行表单验证并提交表单。 #### 二、传统方法概述 传统的
表单提交
方法有两种: 1. **使用...
Java EE
67,549
社区成员
225,860
社区内容
发帖
与我相关
我的任务
Java EE
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
复制链接
扫一扫
分享
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章