
##Validate

本例实现如下效果：

* 基本的validate API测试



<div class="example-content"><!-- 
	HTML
	u-meta:框架特有标记，框架通过识别此标记创建对应UI组件，以及进行数据绑定 
	id,type.data,field为必选项
	id:创建组件唯一标识
	type:创建组件对应的类型
	data:指定数据模型中的数据集
	field:绑定数据集中对应的字段
	datasource:绑定数据
-->
<div class="u-form-group">
    <label>验证测试用例</label>
    <div class="u-input-group u-has-feedback" u-meta='{"style":"integer","data":"dt1","field":"base"}'>
        <div class="u-input-group-before" style="color: red;">*</div>
        <input type="text" class="u-form-control">
    </div>
</div>  
</div>
<div class="example-content ex-hide"><script>// JS

    var app,viewModel;
    var metaDt={
        meta: {
            base: {
                required:'true',
                nullMsg:'nullmsg',
                errorMsg:'error',
                validType:'integer',
                hasSuccess:'true',
                placement:'bottom',
                min:100,
                max:999
            }
        }
    };
    viewModel={
        dt1: new u.DataTable(metaDt)
    };

    app=u.createApp({
            el:'body',
            model:viewModel
        });
    var r = viewModel.dt1.createEmptyRow();
    viewModel.dt1.setRowSelect(0);




</script></div>
<div class="examples-code"><pre><code>&lt;!-- 
	HTML
	u-meta:框架特有标记，框架通过识别此标记创建对应UI组件，以及进行数据绑定 
	id,type.data,field为必选项
	id:创建组件唯一标识
	type:创建组件对应的类型
	data:指定数据模型中的数据集
	field:绑定数据集中对应的字段
	datasource:绑定数据
-->
&lt;div class="u-form-group">
    &lt;label>验证测试用例&lt;/label>
    &lt;div class="u-input-group u-has-feedback" u-meta='{"style":"integer","data":"dt1","field":"base"}'>
        &lt;div class="u-input-group-before" style="color: red;">*&lt;/div>
        &lt;input type="text" class="u-form-control">
    &lt;/div>
&lt;/div>  
</code></pre>
</div>
<div class="examples-code"><pre><code>// JS

    var app,viewModel;
    var metaDt={
        meta: {
            base: {
                required:'true',
                nullMsg:'nullmsg',
                errorMsg:'error',
                validType:'integer',
                hasSuccess:'true',
                placement:'bottom',
                min:100,
                max:999
            }
        }
    };
    viewModel={
        dt1: new u.DataTable(metaDt)
    };

    app=u.createApp({
            el:'body',
            model:viewModel
        });
    var r = viewModel.dt1.createEmptyRow();
    viewModel.dt1.setRowSelect(0);



</code></pre>
</div>
