java安裝教程詳細「jq獲取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});

}

});

});