Question

我使用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>

Answer 1

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>

Answer 2

最后，我找到了从forms.xml

调用Javascript或JQuery的方法

<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>

如何验证forms.xml生成的表单

2 个答案: