Struts2中Form如何提交的Javascript

原创|其它|编辑:郝浩|2009-09-21 11:55:24.000|阅读 2139 次

概述:Struts2剔除了Struts中对于form的应用,而action(Strus2)的action则综合了action,和actionForm的应用。但很多的应用中,都需要对输入进行验证,Struts中是将输入给表单,然后取得表单数据进行验证。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

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

  例一

< SCRIPT>  
function save(){   
    var url="< c:out value='${cpath}'/>/publication/mydraftupdateAction.action?param=1"  
      document.userForm.action=url;   
   document.userForm.method="post";   
   document.userForm.submit();   
}      
function tosubmit(){   
    
    var url="< c:out value='${cpath}'/>/publication/mydraftupdateAction.action?param=0"  
    document.userForm.action=url;   
   document.userForm.method="post";   
   document.userForm.submit();   
}   
< /SCRIPT>  
    
< form name="userForm" method="post">  
    < input type="hidden" name="publication.id" id="id" value="${publication.id}" />  
< table width="95%" align=center cellspacing="1" class="contentTable">  
    < tr> < td class="low" width="20%">  
        稿件标题   
        < /td>  
        < td class="lowest" width="30%">  
    < input type="text" name="publication.title"   id="title"value='${publication.title}'>  
        < /td>  
< /tr>  
< /table>  
< table width="95%" border="0" align="center" cellpadding="4"                cellspacing="1">  
    < tr>  
        < td align="right">  
    < input name="button" type="button" class="button01"  
        onmouseover="makevisible(this,0)"  
            nmouseout="makevisible(this,1)" onclick="save()" value="保存"  
            style="cursor: hand;">  
    < input name="button" type="button" class="button01"  
            onmouseover="makevisible(this,0)"  
            onmouseout="makevisible(this,1)" onclick="tosubmit()" value="提交"  
            style="cursor: hand;">  
    < input name="button" type="button" class="button01"  
            onmouseover="makevisible(this,0)"  
            onmouseout="makevisible(this,1)" onclick="history.back()"  
            value="返回" style="cursor: hand;">  
        < /td>  
        < /tr>  
    < /table> 

    例二

< SCRIPT type="text/javascript">  
       function addsave()   
       {   
       var name = document.getElementById('subject').value.trim();   
       //  var depName = document.getElementById('depName').value.trim();   
           if(name.length==0)   
           {   
               alert('讲话主题不能为空或者为空格!')   
               return false;   
           }   
           if(name.length!=0)   
           {   
               if (name.length< 6||name.length>30)   
               {   
                  alert('讲话主题的长度在6至30之间!')   
                  return false;   
               }   
           }   
           var url="< c:out value='${cpath}'/>/information/speakaddSaveAction.action"  
            document.Form.action=url;   
            document.Form.method="post";   
            document.Form.enctype="multipart/form-data"  
            document.Form.submit();   
       }   
       function back()   
       {   
           var url="< c:out value='${cpath}'/>/information/speaklistAction.action"  
            document.Form.action=url;   
            document.Form.method="post";   
            document.Form.submit();   
       }   
    < /SCRIPT>       
...   
    
< form name="Form" method="post" enctype="multipart/form-data">  
           < table width="95%" border="0" align="center" cellpadding="4"  
              class="resultTable" cellspacing="1">  
              < tr class="resultHead">  
                  < td width="25%" class="leftText">  
                     讲话主题   
                  < /td>  
                  < td width="25%" class="lowest">  
                     < s:textfield id ="subject" name="speak.subject" theme="simple" />  
                  < /td>  
                     
...   
    
              < /tr>  
           < /table>  
           < /form>  
           < table width="95%" border="0" align="center">  
              < tr>  
                  < td width="80%">< /td>  
                  < td width="10%" align="right">  
                     < input name="button" type="button" class="buttonOn"  
                         onmouseover="makevisible(this,0)"  
                         onmouseout="makevisible(this,1)" onclick="addsave()" value="保存"  
                         style="cursor: hand;">  
                  < /td>  
                  < td width="10%" align="right">  
                     < input name="button" type="button" class="buttonOn"  
                         onmouseover="makevisible(this,0)"  
                         onmouseout="makevisible(this,1)" onclick="back()" value="返回"  
                         style="cursor: hand;">  
                  < /td>  
              < /tr>  
           < /table> 

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

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


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:IT专家网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP