如何用jquery获取input输入框中的值

发布时间:2017-07-13 编辑:小张个人博客 查看次数:6570

这篇文章主要介绍了jQuery操作input值的方法,jquery获取<input id="test" name="test" type="text"/>中输入的值,有需要的朋友可以参考一下。


<!-------表单区域 start--------->
<form name="AddCategory" class="cmxform form-horizontal adminex-form" id="signupForm" method="post" action="#" >
<div class="form-group ">
    <label for="cname" class="control-label col-lg-2">名称 <i style="color: red;">*</i></label>
    <div class="col-lg-7">
        <input class=" form-control" id="cname" name="cname" type="text" placeholder="豪华套房" />
    </div>
</div>

<div class="form-group ">
    <label for="sort" class="control-label col-lg-2">排序 <i style="color: red;">*</i></label>
    <div class="col-lg-7">
        <input class="form-control " id="sort" name="sort" type="text"  placeholder="只能是数字:12" />
    </div>
</div>
<div class="form-group">
    <label class="col-sm-2 control-label">类型描述 <i style="color: red;">*</i></label>
    <div class="col-sm-7">
        <textarea class="form-control " name="description" rows="6" placeholder="基本描述...."></textarea>
    </div>
</div>
<div class="form-group ">
    <label for="optionsRadios1" class="control-label col-lg-2">是否显示</label>
    <div class="col-lg-7">
        <label>
            <input type="radio" name="display" id="optionsRadios1" value="1" checked /> <span>显示</span>
        </label>

            <label class="margin-left">
                <input type="radio" name="display" id="optionsRadios2" value="0"> 隐藏
            </label>

    </div>
</div>

<div class="form-group">
    <div class="col-lg-offset-2 col-lg-7">
        <button class="btn btn-primary AddCategory" type="button">确 认</button>
        <button class="btn btn-default" type="reset">取 消</button>
    </div>
</div>
</form>
<!-------表单区域- end-------->

<style>
    .error{
        border: 1px solid red;
    }
</style>

jQuery操作input

var input_name = $('input[name=cname]');
var input_sort = $('input[name=sort]'); // 文本框
var input_description = $('textarea[name=description]'); // 文本区域
$('.AddCategory').click(function(){
    var cname = input_name.val();
    var sort = input_sort.val();
    var description =input_description .val();
    var display = $('input[name=display]:checked').val();  // 单选框 
    if(cname == ''){
        input_name.addClass('error');
        layer.msg('类型名称为必填项!',{icon:5});
        return false;
    }
    if(sort == ''){
        input_sort.addClass('error');
        layer.msg('排序为必填项!',{icon:5});
        return false;
    }
    if(isNaN(sort)){
        input_sort.addClass('error');
        layer.msg('只能填写数字!',{icon:5});
        return false;
    }
    if( description == ''){
        input_description.addClass('error');
        layer.msg('描述为必填项!',{icon:5});
        return false;
    }
    //添加数据
    $.post("{{url('Admin/AddCategory')}}",{cname:cname,sort:sort,display:display,description:description,_token:"{{csrf_token()}}"},function(data){
        if(data.status == 0){
            layer.msg(data.msg,{icon:6});
            window.location.href="{{url('Admin/CategoryList')}}"
        }else{
            layer.msg(data.msg,{icon:5});
        }
    });
});


出处:小张个人博客

网址:http://blog.023xs.cn/

您的支持是对博主最大的鼓励,感谢您的认真阅读。欢迎转载,但请保留该声明。

顶部

Copyright © 小张个人博客 All Rights Reserved 渝ICP备15006773号-1

联系方式:[email protected] | 本站文章仅供学习和参考

渝公网安备 50024102500267号