文章插图
文章插图
这篇文章主要介绍了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>
【jquery如何获取input的值 jquery获取input输入框的内容】<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=http://www.mnbkw.com/jxjc/190190/”1″ checked /> 显示
</label>
<label class=”margin-left”>
<input type=”radio” name=”display” id=”optionsRadios2″ value=http://www.mnbkw.com/jxjc/190190/”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=http://www.mnbkw.com/jxjc/190190/”{{url(‘Admin/CategoryList’)}}”
}else{
layer.msg(data.msg,{icon:5});
}
});
});
- 分手后的最佳挽回时期是什么 分手黄金期如何处理
- 免费的jquery特效大全 jquery特效的设计与制作
- word 如何添加标题 word文档加标题怎么设置
- js获取input的内容 js变量获取input的数值
- 如何拿捏和前任的聊天分寸 和前任聊天要注重什么
- 养生之道 中医专家教你清明如何养生
- 怎么加入企业微信 如何在微信上进入企业微信
- 怎样计算电脑功耗 如何估算电脑功耗
- 如何绘制icon图标 icon图标教程
- 如何控制家里路由器控制小孩上网 路由器控制孩子上网时间