淘汰js模板和验证

Question

我的问题很简单。
我使用knockout模板来创建网格行。
一切都很好。
唯一缺失的部分是：如何验证模板中的字段？ 我需要确保在用户结束行编辑时正确填充所有行字段...
我需要错误消息和像jquery验证那样的字段突出显示...

<script id="editTmpl" type="text/html"> 
    <tr data-bind="visible: $data"> 
        <td style="width:50%"> 
            <input type="hidden" data-bind="value: $data.relatedCountryID, select2: { initSelection: $parent.initCountrySelection, multiple: false, allowClear: true, minimumInputLength: 0, width: 'resolve', query: $parent.queryCountries, placeholder: 'Select a country...' }, event: { change: $parent.countrySelectionChange }", style="width: 220px" /> 
        </td> 
        <td style="width:30%"> 
            <input data-bind="value: $data.RateValue" /></td> 
        <td style="width:10%"> 
            <a data-bind="click: $parent.endEditRate" href="#" title="Update"><i class="tableImage ui-icon ui-icon-check"></i></a> 
        </td> 
        <td style="width:10%"> 
            <a data-bind="click: $parent.cancelEditRate" href="#" title="Cancel"><i class="tableImage ui-icon ui-icon-close"></i></a> 
        </td> 
    </tr> 
</script>