form.pt

<form
  id="${field.formid}"
  action="${field.action}"
  method="${field.method}"
  enctype="multipart/form-data"
  accept-charset="utf-8"
  i18n:domain="deform"
  tal:attributes="class field.css_class">

  <fieldset class="deformFormFieldset">

    <legend tal:condition="field.title">${field.title}</legend>

    <input type="hidden" name="_charset_" />
    <input type="hidden" name="__formid__" value="${field.formid}"/>
    <ul>
      
      <li class="errorLi" tal:condition="field.error">
        <h3 class="errorMsgLbl" i18n:translate=""
            >There was a problem with your submission</h3>
        <p class="errorMsg" i18n:translate=""
           >Errors have been highlighted below</p>
      </li>
      
      <li class="section first" tal:condition="field.title">
        <h3>${field.title}</h3>
        <div tal:condition="field.description">${field.description}</div>
      </li>
      
      <div 
          tal:define="rndr field.renderer;
                      tmpl field.widget.item_template"
          tal:repeat="f field.children"
          tal:replace="structure 
                       rndr(tmpl,field=f,cstruct=cstruct.get(f.name, null))"/>
      
      <li class="buttons">
        <tal:block repeat="button field.buttons">
          <button 
              id="${field.formid+button.name}"
              name="${button.name}"
              type="${button.type}"
              class="btnText submit"
              value="${button.value}">
            <span>${button.title}</span>
          </button>
        </tal:block>
      </li>
      
    </ul>
    
  </fieldset>

<script type="text/javascript" tal:condition="field.use_ajax">
  deform.addCallback(
     '${field.formid}',
     function(oid) { 
         var options = {
           target: '#' + oid,
           replaceTarget: true,
         };
         var extra_options = ${field.ajax_options};
         var name;
         if (extra_options) {
           for (name in extra_options) {
             options[name] = extra_options[name];
           };
         };
         $('#' + oid).ajaxForm(options);
   });
</script>
  
</form>