Как проверить форму, сгенерированную forms.xml

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 будет генерировать идентификатор на основе формы имени.

Добавьте приведенный ниже код для 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

Наконец я нашел способ вызова 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>