Jsrender 模板表单验证答案

【问题标题】：Jsrender template form validationJsrender 模板表单验证
【发布时间】：2012-07-11 11:31:55
【问题描述】：

我有一个表单，它是一个 jsrender 模板

 <script id="editTemplate" type="text/x-jsrender">
 <div>
  <form id="myEditForm"  method="POST" action="">
  <table>
  <tr>
    <td>
      Id:
     </td>
     <td>
    <input type="text" name="id" value="{{>id}}" class="required" />
     </td>
     </tr>
   <tr>
    <td>
      Name:
    </td>
    <td>  
    <input type="text" name="name" value="{{>name}}" class="required" />
    </td>
   </tr>
    <td>    
   <input type="submit" value="submit" />
    </td>
   </tr>    
  </form>

我尝试将基于 bassistance 插件的验证添加到输入字段，但由于表单是 jsrender 模板，因此无法正常工作。知道如何实现吗？？？

【问题讨论】：

由于您只是在表单中模板化表格（似乎缺少</table> 标记，顺便说一句），您是否可以在页面上放置表格，然后用模板填写?然后，您也许可以更轻松地将插件附加到表单。

标签： validation jsrender

【解决方案1】：

问题是我在创建表单的 html 页面部分中添加了验证逻辑。

验证只能在模板编译后应用于表单，这发生在单独的 js 文件中，所以我在 jsrender 模板编译后添加验证代码，即在 js 文件中的这些行之后

    var html = $.render["edit-tmpl"](rowData); // adding row data to edit-tmpl

var edtdlg = $("#editDialog").html(html); // adding the template to
                                                                                      // editDialog

现在它就像魅力一样工作:)

【讨论】：