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>

我尝试将基于bassistance插件的验证添加到输入字段，但由于表单是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

现在它就像魅力一样：）

Jsrender模板表单验证

1 个答案: