jQuery Nice Validator 新手教程

插件：jQuery Nice Validator
加载：通过模块名 validator 和 validator-lang
初始化入口：在表单通用绑定中调用 form.validator

关键点：
form.validator($.extend({...}, form.data("validator-options") || {}))
rules、validClass、invalidClass、msgClass、target 等均为 Nice Validator 配置
表单通过><div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> 限制购买:</label> <div class="col-xs-12 col-sm-8" id="s_is_limit_ddd"> <div class="form-inline"> <label for="c-s_is_limit-on" class="radio-inline"><input onchange="is_limit_change();" id="c-s_is_limit-on" name="row[s_is_limit]" type="radio" value="1" {if ($row.s_is_limit == 1)}checked{/if}> 是</label> <label for="c-s_is_limit-off" class="radio-inline"><input onchange="is_limit_change();" id="c-s_is_limit-off" name="row[s_is_limit]" type="radio" value="0" {if ($row.s_is_limit == 0)}checked{/if}> 否</label> <div id="limit_rule" class="input-group" style="{if ($row.s_is_limit == 0)}display:none;{/if}margin-left:15px;vertical-align:middle;"> <input id="c-s_total_buy_num" name="row[s_total_buy_num]" min="1" type="number" class="form-control" size="30" placeholder="每人最多购买X张" value="{$row.s_total_buy_num}"> <span class="input-group-addon">张</span> <span class="msg-box n-right" for="c-s_total_buy_num"></span> </div> </div> </div> </div>

JS部分：

function is_limit_change(){ var s_is_limit = $("input[name='row[s_is_limit]']:checked").val(); if(s_is_limit == 1){ $("#limit_rule").show(); $("#c-s_total_buy_num").attr('data-rule','required').prop('disabled', false); }else{ $("#limit_rule").hide(); $("#c-s_total_buy_num").removeAttr('data-rule').prop('disabled', true).val(''); $('span.msg-box[for="c-s_total_buy_num"]').text(''); $("#c-s_total_buy_num").closest('.form-group').removeClass('has-error has-success'); $("#c-s_total_buy_num").trigger('change'); var obj = $('#edit-form').data('validator'); if(obj && typeof obj.hideMsg === 'function'){ obj.hideMsg($('#c-s_total_buy_num')); } } }

官方中文文档：https://www.kancloud.cn/mind/validator/1380769