Jquery添加元素append及阻止表单提交submit
HTML代码:
<td><input name="duration[]" value="" type="text" /></td>
<td>
<a href="javascript:;" class="low">-</a>
<a href="javascript:;" class="add">+</a>
</td>
Jquery添加元素append
<script>
function show(){
$('.add').unbind();
$('.low').unbind();
$('.add').click(function(){ // 加好;
var html=$(this).closest('tr').html();
var str='<tr class="tr">'
str+='<td><input name="material[]" type="text" /></td>'
str+='<td><input name="size[]" type="text" /></td>'
str+='<td><input name="membrane[]" type="text" /></td>'
str+='<td><input name="angle[]" type="text" /></td>'
str+='<td><input name="moq[]" type="text" /></td>'
str+='<td><input name="price[]" type="text" /></td>'
str+='<td><input name="duration[]" type="text" /></td>'
str+='<td><a href="javascript:;" class="low">-</a><a href="javascript:;" class="add">+</a></td>'
str+='</tr>'
$('.tbody').append(str);
// $(this).remove();
show();
})
$('.low').click(function(){ // 剑豪
if($('.tbody tr').length > 1){
$(this).parents('tr').remove();
}
})
}
show();
</script>
阻止表单提交submit(#submit是form的ID)
<script>
$('#submit').submit(function(){
bool=true;
$(".tbody input").each(function(){
var src=$(this).val();
if(src==''){
bool=false;
}
})
if(bool==false){
alert('请完成名片信息');
return false;
}
})
bind绑定方法(.sub-btn是input的类名)
<script type="text/javascript">
$(function(){
$(".sub-btn").bind("click",function(event){
var name = $(".name").val(); //获取元素的值
if(name==""){ //判断值是否为空
alert('名片名不能为空'); //提示信息
return false;
}
})
})
</script>
</script>
- 表单验证插件jquery.validate
- select2 选择的内容不能显示问题
- "Uncaught ReferenceError: $ is not defined" jquery的在线导入路径
- jquery选择器
- jquery添加自定义校验
- jquery复选框全选与不选
- jQuery 3.0:10个炫酷新功能
- jQuery的选择器中的通配符[id^='code'](
- jQuery之简单的表单验证实例
- jQuery写table布局样式
- jquery append html代码,click 事件失效
- jquery给动态dom绑定事件
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jquery即点即改
- jquery中正则表达式的书写
- 8个实现在线浏览PDF文件的实用jQuery插件
- js中利用jquery parseJSON来判断字符串string是否是json格式
- Jquery中获取当前页面某iFrame内部元素的方法
- jQuery基于json对象自动给表单元素赋值
- jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果