Jsrender模板表单验证

Question

我有一个表单，它是一个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>

我尝试向输入字段添加基于but插件的验证，但由于表单是jsrender模板，因此无法工作。你知道怎么实现它吗？

Answer 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

现在，它的工作方式就像魅力一样：)