Struts2中Form提交的Javascript实现两例

Struts2剔除了Struts中对于form的应用,而action(Strus2)的action则综合了action,和actionForm的应用。但很多的应用中,都需要对输入进行验证,Struts中是将输入给表单,然后取得表单数据进行验证。虽然Struts2中取消了form的应用,这种方式还可以通过灵活地转化来继续使用。下面是两个Struts2中Form提交的例子,原理是相同的。

我们一直强调网站设计制作、成都网站建设对于企业的重要性,如果您也觉得重要,那么就需要我们慎重对待,选择一个安全靠谱的网站建设公司,企业网站我们建议是要么不做,要么就做好,让网站能真正成为企业发展过程中的有力推手。专业的建站公司不一定是大公司,创新互联建站作为专业的网络公司选择我们就是放心。

例一

 
 
 
  1. < SCRIPT> 
  2. function save(){  
  3.     var url="< c:out value='${cpath}'/>/publication/mydraftupdateAction.action?param=1" 
  4.       document.userForm.action=url;  
  5.    document.userForm.method="post";  
  6.    document.userForm.submit();  
  7. }     
  8. function tosubmit(){  
  9.    
  10.     var url="< c:out value='${cpath}'/>/publication/mydraftupdateAction.action?param=0" 
  11.     document.userForm.action=url;  
  12.    document.userForm.method="post";  
  13.    document.userForm.submit();  
  14. }  
  15. < /SCRIPT> 
  16.    
  17. < form name="userForm" method="post"> 
  18.     < input type="hidden" name="publication.id" id="id" value="${publication.id}" /> 
  19. < table width="95%" align=center cellspacing="1" class="contentTable"> 
  20.     < tr> < td class="low" width="20%"> 
  21.         稿件标题  
  22.         < /td> 
  23.         < td class="lowest" width="30%"> 
  24.     < input type="text" name="publication.title"   id="title"value='${publication.title}'> 
  25.         < /td> 
  26. < /tr> 
  27. < /table> 
  28. < table width="95%" border="0" align="center" cellpadding="4"                cellspacing="1"> 
  29.     < tr> 
  30.         < td align="right"> 
  31.     < input name="button" type="button" class="button01" 
  32.         onmouseover="makevisible(this,0)" 
  33.             nmouseout="makevisible(this,1)" onclick="save()" value="保存" 
  34.             style="cursor: hand;"> 
  35.     < input name="button" type="button" class="button01" 
  36.             onmouseover="makevisible(this,0)" 
  37.             onmouseout="makevisible(this,1)" onclick="tosubmit()" value="提交" 
  38.             style="cursor: hand;"> 
  39.     < input name="button" type="button" class="button01" 
  40.             onmouseover="makevisible(this,0)" 
  41.             onmouseout="makevisible(this,1)" onclick="history.back()" 
  42.             value="返回" style="cursor: hand;"> 
  43.         < /td> 
  44.         < /tr> 
  45.     < /table> 

例二

 
 
 
  1. < SCRIPT type="text/javascript"> 
  2.        function addsave()  
  3.        {  
  4.        var name = document.getElementById('subject').value.trim();  
  5.        //  var depName = document.getElementById('depName').value.trim();  
  6.            if(name.length==0)  
  7.            {  
  8.                alert('讲话主题不能为空或者为空格!')  
  9.                return false;  
  10.            }  
  11.            if(name.length!=0)  
  12.            {  
  13.                if (name.length< 6||name.length>30)  
  14.                {  
  15.                   alert('讲话主题的长度在6至30之间!')  
  16.                   return false;  
  17.                }  
  18.            }  
  19.            var url="< c:out value='${cpath}'/>/information/speakaddSaveAction.action" 
  20.             document.Form.action=url;  
  21.             document.Form.method="post";  
  22.             document.Form.enctype="multipart/form-data" 
  23.             document.Form.submit();  
  24.        }  
  25.        function back()  
  26.        {  
  27.            var url="< c:out value='${cpath}'/>/information/speaklistAction.action" 
  28.             document.Form.action=url;  
  29.             document.Form.method="post";  
  30.             document.Form.submit();  
  31.        }  
  32.     < /SCRIPT> 
  33.          
  34. ...  
  35.    
  36. < form name="Form" method="post" enctype="multipart/form-data"> 
  37.            < table width="95%" border="0" align="center" cellpadding="4" 
  38.               class="resultTable" cellspacing="1"> 
  39.               < tr class="resultHead"> 
  40.                   < td width="25%" class="leftText"> 
  41.                      讲话主题  
  42.                   < /td> 
  43.                   < td width="25%" class="lowest"> 
  44.                      < s:textfield id ="subject" name="speak.subject" theme="simple" /> 
  45.                   < /td> 
  46.                     
  47. ...  
  48.    
  49.               < /tr> 
  50.            < /table> 
  51.            < /form> 
  52.            < table width="95%" border="0" align="center"> 
  53.               < tr> 
  54.                   < td width="80%">< /td> 
  55.                   < td width="10%" align="right"> 
  56.                      < input name="button" type="button" class="buttonOn" 
  57.                          onmouseover="makevisible(this,0)" 
  58.                          onmouseout="makevisible(this,1)" onclick="addsave()" value="保存" 
  59.                          style="cursor: hand;"> 
  60.                   < /td> 
  61.                   < td width="10%" align="right"> 
  62.                      < input name="button" type="button" class="buttonOn" 
  63.                          onmouseover="makevisible(this,0)" 
  64.                          onmouseout="makevisible(this,1)" onclick="back()" value="返回" 
  65.                          style="cursor: hand;"> 
  66.                   < /td> 
  67.               < /tr> 
  68.            < /table>   

总结:先给form命名(useform),点击"保存"触发onclick="save()",save()方法指定执行的action的rul,和将整个(useform)提交submit。((将整个(useform)提交submit)不能少,不然会不能提交)同理 (onclick="tosubmit()" value="提交")也一样。

以上,介绍了Struts2中Form提交的方法两则。

本文出自 “南湖矿工J2EE技术博客” 。

网页标题:Struts2中Form提交的Javascript实现两例
链接地址:http://www.shufengxianlan.com/qtweb/news48/545748.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联