- 浏览: 1041669 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (279)
- Apache net (10)
- JBoss Rules (3)
- Seam ACL (1)
- Seam (14)
- Seam JPA高级权限验证 (8)
- 待解决的问题.... (1)
- JAVA (43)
- Dwr (4)
- Ajax4JSF (1)
- JavaScript (27)
- 生活小常识 (17)
- Richfaces (3)
- seam自己经历 (14)
- JDBC (1)
- mysql (6)
- WebService (10)
- Java Web (4)
- Hibernate (13)
- J2EE框架整合 (3)
- Spring (9)
- BEA Weblogic (1)
- XML (1)
- log4j (6)
- CSS (2)
- javaIO文件的读写 (5)
- SVN服务器的安装 (5)
- powerDesigner (2)
- SQL常用语句 (3)
- wicket初学 (5)
- eclipse (7)
- 正则表达式 (1)
- ExtJS (6)
- maven(m2eclipse) (1)
- struts2.0 (9)
- JPA (6)
- struts2.0整合spring2.5 (9)
- linux (6)
- Oracle (5)
- Servlet (3)
- MyEclipseGen (0)
最新评论
-
qq_31247573:
JAVA 获取http返回XML的数据 -
jasmine_20100810:
...
linux下tomcat服务的启动、关闭与错误跟踪 -
weiaiFang0624:
视频下载地址:http://download.csdn.net ...
there is no action mapped for namespace / and action name解决办法 -
p476462534:
JS控制表单form的提交 -
dandongsoft:
aaaaaaaaaaaaaaa
httpClient,JAVA访问http request response
<script type="text/javascript"> function checkImage(){ var imageValue = document.getElementById("actorCard:imageField:image").value; if(imageValue !== ""){ document.getElementById("actorCard").sumbit(); }else if(imageValue == ""){ alert("image field required !"); document.getElementById("actorCard:imageField:image").focus(); return false; } } </script>
上面那个代码是正确的,但是漏了这点:当用户输入一个或者多个空格的时候,它也可以通过验证的。所以要想更周全些就要加上这句话了:fieldValue = fieldValue.replace(/\s/gi,"");来把空格的情况去除掉。(在var定义的变量之后加上)
按钮的代码:
<h:commandButton id="save" value="Save" onclick="return checkImage()" action="#{actorCardHome.persist}" disabled="#{!actorCardHome.wired}" rendered="#{!actorCardHome.managed}" />
这里特别说明下:
(1)在按钮的事件onclick="return checkImage()",而不是onclick="checkImage()",否则达不到效果它同样会提交表单。
(2) JS的判断空值和非空值这样来写:
if(imageValue !== "") 和 if(imageValue == "")
(3)我这里的id可能是比较特殊的,因为我的是JSF的页面,所以要看源代码才可以知道id。
(4)document.getElementById("actorCard:imageField:image").focus();这一句重新定位到那个必须填的字段的位置。这句比较好。特别提醒的是:这句后面的return false;如果没有它的话表单同样会提交,所以一定要记得把这句加上。
上面的代码已经很完善了,但是我再次看的时候又有些遗漏的地方,所以我在把它补充完整。(因为我最近在做模板的时候出现了问题) 1. signin.jsp <script type="text/javascript" src="js/common.js"></script> <s:form name="loginForm" action="./openid.servlet" method="post"> <table> <tr> <td align="right">Username:</td> <td align="left"> <input type="text" id="username" name="username" value="" class="joinField"><br /> <span id="error_username"></span> </td> </tr> <tr> <td align="right">Password:</td> <td align="left"> <input type="password" id="password" name="password" value="" class="joinField"><br /> <span id="error_password"></span></td> </tr> <tr> <td align="right"> <input type="submit" id="loginButton" onclick="return checkField();" value="login" class="btn-submit"> </td> <td align="left"><br /> <span id="error_login" class="error"></span></td> </tr> </table> </s:form> 这里我要说明三点:这个也是我出错的地方所在。 (1)这一句:<input type="submit" id="loginButton" onclick="return checkField();" value="login">里面的type="submit",非常重要,由于当时种种原因我不小心写成了type="button",所以导致我的执行在执行JS的时候总是提交不了。document.getElementById("loginForm").sumbit(); 这句是JS的提交代码。 (2)document.getElementById("loginForm").sumbit(); 这里的loginForm是指的是form表单的ID号而不是"提交按钮"的ID号,这里一定要注意。 (3)document.getElementById("error_username").innerHTML = "username is not null !";这里的"error_username"指的是ID哦,因为我当时在原有的代码上改没注意它当时是class,然后就报错,找了我好半天的功夫啊! 2. common.js function checkField(){ var usernameValue = document.getElementById("username").value; var passwordValue = document.getElementById("password").value; usernameValue = usernameValue.replace(/\s/gi,""); passwordValue = passwordValue.replace(/\s/gi,""); if(usernameValue !== "" && passwordValue !== ""){ 这里不能写下面那个语句,如果写了后会提交form表单2次。而应该直接写return true;就可以了。切记!! //document.getElementById("loginForm").submit(); return true; }else if(usernameValue == "" && passwordValue == ""){ document.getElementById("error_username").innerHTML = "username is not null !"; document.getElementById("error_password").innerHTML = "password is not null !"; return false; }else if(usernameValue !== "" && passwordValue == ""){ document.getElementById("password").focus(); document.getElementById("error_username").innerHTML = ""; document.getElementById("error_password").innerHTML = "password is not null !"; return false; }else if(passwordValue !== "" && usernameValue == ""){ document.getElementById("username").focus(); document.getElementById("error_password").innerHTML = ""; document.getElementById("error_username").innerHTML = "username is not null !"; return false; } }
发表评论
-
JS窗口改变触发事件
2011-04-28 17:32 6704var resizeTime ... -
js动态生成表格,然后清空
2011-04-11 16:41 3387var tBodyObj = document.getElem ... -
Javascript刷新页面的几种方法
2010-07-02 15:48 3917Javascript刷新页面的几种 ... -
JS客户端验证
2010-03-26 17:24 1207demo1: <html> <head& ... -
form表单提交2次的原因
2010-03-24 14:32 85891.第一种写法: (1)<form name=&quo ... -
如何判断年龄大于18岁
2010-03-14 15:09 35761.jquery的实现方式: 下面这个: (1)var b ... -
java IE火狐兼容添加到收藏夹 IE7浏览器状态栏报错,"找不到元素"或者"没有权限"
2010-03-08 11:58 4147java IE火狐兼容添加到收藏夹的java代码: func ... -
JS来获取页面的URL top.location.href 和 window.location.href
2010-03-03 11:31 10804JS来获取页面的URL: (1)普通的格式是:window. ... -
Dom的“事件类型”和“事件监听”
2010-01-22 15:21 4410代码一:普通的写法(简单写法) <html> ... -
JS如何关闭flash代码
2010-01-20 17:53 50791.在index.html页面的<hea ... -
document.documentElement.scrollTop
2010-01-19 16:42 4177要获取当前页面的滚动条纵坐标位置,用: docume ... -
JQuery 模式对话框DIV
2010-01-19 16:40 3220<!DOCTYPE html PUBLIC " ... -
JQuery 随鼠标滚动条滚动的div
2010-01-19 15:56 4756<!DOCTYPE html PUBLIC " ... -
JS中定义变量i自增长
2009-12-07 10:37 1989<script> var i = 1; f ... -
用iframe来实现一个页面嵌套另一个页面
2009-12-06 10:04 3508用iframe来实现一个页面嵌套另一个页面,以此来实现页面局部 ... -
(全选)多选按钮的JS实现 单选按钮
2009-11-13 10:53 116161.代码:(全选)多选按钮 ... -
JS创建数组的方法
2009-11-12 10:21 32035var myArray = new Array(); va ... -
JS和JSP的共同使用(JS的字符串定义、null值的判断、变量的定义)
2009-11-10 11:32 80091.signin.jsp <% String ... -
JS如何传参的问题
2009-11-03 11:11 37821. 页面:这里需要注意radio不能写id,如果写了id的属 ... -
CMS模板发布中的div框
2009-11-02 23:04 1205<div id="createFile&quo ...
相关推荐
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~
//增加的函数 begin function queryFun(){ var type = $("#artType").val(); var hasInputed = "1";//表示输入了要搜索 的信息 if($("#query").val()=="选手姓名/编号"){ //表示没有输入要搜索的值 ...
在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法: 使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> ...
javascript弹出层表单提交代码,就是点击按钮后,弹出一个form表单让你填写,等你填好后再提交
原生JS经典小项目-form表单校验
Jquery提交表单 Form
使用JQuery实现从JSON对象转换为form提交数据
在form表单上添加一个提交事件调用验证数据方法 <form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"> 请输入正确的手机号!" requiremsg="移动电话不能为...
主要介绍了JavaScript动态创建form表单并提交的实现方法,涉及JavaScript动态创建页面元素及模拟表单提交的技巧,需要的朋友可以参考下
异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!
再有一些时候我们不得不[removed] = url带参进行一些数据的传递,这时我们又不想将参数就这样放在链接中时,就可以用到这个js。
form多表单同时提交以及使用js支持下拉框可编辑(删除,修改、新增),并且实现特定聚集焦点等功能
jquery的表单提交插件
form表单提交方式总结一下: 一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址...
内含联系方式,不懂用可以问我!多次修改后已无瑕疵,用它实现当页面刷新的时候自动提交表单数据,目前我把它运用在领取某论坛每日登录礼包这种繁琐的小事中,你还可以运用到更有价值的地方去。
JavaScript的form表单验证中的身份证校验
下面小编就为大家带来一篇js的form表单提交url传参数(包含+等特殊字符)的两种解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
基于jquery的异步表单提交【jquery-form.js,其中的Demo是基于SSH的,里面有Struts标签。欢迎下载!