如何用jquery获取input输入框中的值
这篇文章主要介绍了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}); } }); });
下一篇:左旋转字符串