Layui表单事件问题 汇总

单击 事件

$('.alert').on('click', function(){
	var othis = $(this), method = othis.data('method');
	active[method] ? active[method].call(this, othis)
	});

$(document).on('click','#btn',function(){
      layer.msg('hello');
   });

监听 事件 监听 文本框每一次键入的状态

        $(function() {
            $("#real_price").bind('input propertychange', function() {
                alert('123');
            })
        })

下拉框监听 事件 用在layui

layui.use('form', function(){
    var form = layui.form;
    form.on('select(server_cycle)', function(data){
        //监听select表框，只能监听一次，切勿随意修改
        var server_cycle = data.value; //获取select里面的值
       form.render('select');
    });

文本框 失去焦点的时候 异步加载请求

$('#pact_id').blur(function () {
                var pact_id = $('#pact_id').val();
                var index = layer.load();
                $.ajax({
                    url:"{:url('index/store/store_pact_id_check')}",
                    type:'post',
                    dataType:'json',
                    data:{pact_id:pact_id},
                    success:function(res){
                        if (res.status == '200') {
                            layer.msg(res.message, {icon: 1});
                        } else if (res.status == '500') {
                            layer.msg(res.message, {icon: 5});
                            $('#pact_id').empty();
                        } else {
                            layer.msg('服务端出错，请重新检索', {icon: 5});
                        }
                    },error:function () {
                        layer.msg(res.message, {icon: 1});
                    }
                })
                layer.close(index);
            })

获取 input的value值，或者清空value值

$('#pact_id').val(); //获取值
$('#pact_id').val(""); //清空值

获取input值

$(" #test ").val()
$(" input[ name='test' ] ").val()
$(" input[ type='text' ] ").val()
$(" input[ type='text' ]").attr("value")