2014-02-13 27 views
1

我使用form.xml来显示表单控件。我必须验证表单元素,如果一切正常,重定向到另一个屏幕,否则将错误消息显示给最终用户。如何验证form.xml生成的表单

请给出一些提示,以获得解决方案。

代码就像

Forms.xml

<form name="TestingServices" type="single" target="${formTarget}"> 
    <field name="firstName"><text/></field> 
    <field name="lastName"><text/></field> 
    <field name="submit"><submit/></field> 
</form> 

回答

2

没有可用于在Forms.xml验证没有内置的方式。您可以使用JQuery来验证您的表单。

添加了jQuery脚本到header.ftl

form.xml将基于表单名称的ID。

添加下面的代码,header.ftl

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
    <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script> 
<script> 
     $(document).ready(function(){ 

      $("#TestingServices").validate({ 

       rules:{   
        firstName:{"required": true}, 
        lastName:"required" 

       }, 
       messages:{   
        firstName:"<a font style='color:red'> FirstName is Required</a>" , 
        lastName:"<a font style='color:red'> Last Name is Required </a>"  

       } 
      }); 
     }); 
</script> 
+0

非常感谢。我的问题是固定的。我不知道jQuery,但看到输出后,我真的很想学习jQuery.Thank再次寻求帮助 – ms74

1

最后我找到调用JavaScript或JQuery的从forms.xml

<field name="submitButton" title="${uiLabelMap.CommonSubmit}" widget-style="smallSubmit" 
     event="onClick" 
     action="javascript:return myFunction('parameters');"> 
      <submit button-type="button" /> 
</field> 

,或者我们可以给脚本像

方式
<field name="submitButton" title="${uiLabelMap.CommonSubmit}" widget-style="smallSubmit" 
       event="onClick" 
       action="javascript: // set of code what you want to do, like this 
             return confirm('Are you Sure do you want to continue ?');"> 
        <submit button-type="button" /> 
    </field>