AdminLTE菜单切换样式设置

<script>
$(document).ready(function() {
  /** add active class and stay opened when selected */
  var url = window.location;
  // for sidebar menu entirely but not cover treeview
  $('ul.nav-sidebar a').filter(function() {
      return this.href == url;
  }).addClass('active');
  // for treeview
  $('ul.nav-treeview a').filter(function() {
      return this.href == url;
  }).parentsUntil(".nav-sidebar > .nav-treeview").addClass('menu-open').prev('a').addClass('active');
})
</script>

input type类型

":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'], " +
"[type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], " +
"[type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'], " +
"[type='radio'], [type='checkbox'], [contenteditable], [type='button']"

列表中使用bootstrap-switch开关

<td>
  <input name="status" type="checkbox" {if $v.state=='Y' }checked {/if} data-id="{$v.id}"
    data-status="{$v.state}" value="{$v.state}" />
</td>

  $(document).ready(function () {
    $("[name='status']").bootstrapSwitch({
      onText: "开启",      // 设置ON文本
      offText: "停用",    // 设置OFF文本
      onColor: "primary",// 设置ON文本颜色      (default/info/success/warning/danger/primary)
      offColor: "default",  // 设置OFF文本颜色  (default/info/success/warning/danger/primary)
      size: "normal",    // 设置控件大小,从小到大  (mini/small/normal/large)
      handleWidth: "50",//设置控件宽度
      onSwitchChange: function (event, state) {
        if (state) {
          var data = { id: $(this).data("id"), state: 'Y' };
        } else {
          var data = { id: $(this).data("id"), state: 'N' };
        }
        main.ajaxPost(
          {
            url: "{:url('state')}",
            data: data,
          }
        )
      }
    })
  });

select控件选中,刷新页面

<select onchange="_sel(this.options[this.options.selectedIndex])" class="form-control">
  {foreach $roles as $v}
  <option value="{$v.id}" {if $admin_role_id==$v.id}selected{/if}>{$v.name}</option>
  {/foreach}
</select>

function _sel(val) {
  main.ajaxPost(
    {
      url: "{:url('index')}",
      data: { admin_role_id: val.value },
    },
    function (data) {
      $('.content-wrapper').html(data);
    }
  )
}

jquery.validate.js 常见的验证类型

options      类型       注释
required     boolean   是否必填
email        boolean   是否输入正确的email格式
url          boolean   是否输入正确的url格式
date         boolean   是否输入正确的日期格式
dateISO      boolean   是否输入正确的ISO日期格式
number       boolean   是否输入正确的数字
digits       boolean   是否输入正确的自然数（0,1,2,3,4....）
equalTo      selector  是否和selector的值相同
accept       String    是否输入合法后缀名的字符串
maxlength    number    最大长度
minlength    number    最小长度
rangelength  [0,5]     长度在[0,5]内
max          number    最大值
min          number    最小值
range        [0,5]     大小在[0,5]内
remote       object    return:boolean  异步检查输入的值是否符合要求
step         number    是否输入给定的数字step

jQuery.validator.addMethod方法的使用

// 密码验证
jQuery.validator.addMethod("passwordReq", function (value, element, param) {
  if ('{$id}' == 0) {
    if (!this.depend(param, element)) {
      return "dependency-mismatch";
    }
    if (element.nodeName.toLowerCase() === "select") {
      var val = $(element).val();
      return val && val.length > 0;
    }
    if (this.checkable(element)) {
      return this.getLength(value, element) > 0;
    }
    return value !== undefined && value !== null && value.length > 0;
  } else {
    return this.optional(element) || true;
  }
}, $.validator.format("请输入密码"));