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添加元素append及阻止表单提交submit的更多相关文章
- JQuery阻止表单提交的方法总结 - 使用onsubmit()验证表单并阻止非法提交
方法1:<form onsubmit="javascript:confirm()"> 方法内返回false阻止表单提交 示例:代码检测textarea内填写的长度,未填 ...
- jquery.form.js(ajax表单提交)
Form插件地址: 官方网站:http://malsup.com/jQuery/form/ 翻译地址:http://www.aqee.net/docs/jquery.form.plugin/jquer ...
- js阻止表单提交
<!DOCTYPE html><html><head> <title>Simple Login Form</title> < ...
- form表单验证失败,阻止表单提交
form表单验证失败,阻止表单提交 效果演示: 贴上完整代码: <!DOCTYPE html> <html lang="en"> <head> ...
- onsubmit阻止表单提交
在实际开发中往往会遇到检查表单数据的合法性,如果数据不合法,就不让其提交. <!DOCTYPE html> <html> <head> <meta chars ...
- JavaScript控制阻止表单提交
1.在表单上使用onSubmit方法 <?php $form = ActiveForm::begin([ 'options'=>[ 'class' => 'form-horizont ...
- jsp——js事件修改属性样式的两种方法(直接赋值、修改属性)、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存
代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi ...
- 利用JS 阻止表单提交
情景一:不存在Ajax异步操作 1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则(不需要通过访问服务器),否则提示错误信息,阻止表单提交. 2 相关技术点: fo ...
- Javascript阻止表单提交
Javascript阻止表单提交 Html 1.<form name="loginForm" action="login.aspx" method=&qu ...
随机推荐
- 循环List<Object>
List<Object> infoData=ArrayList<>(); for (int i = 0; i < infoData.size(); i++) { Obje ...
- tcpdump抓包(转)
Linux 环境下,通常通过 tcpdump 来进行抓包和分析.它是几乎所有 Linux 发行版本预装的数据包抓取和分析工具. tcpdump 工具的获取和安装可以参阅相应操作系统的官方文档,本文不再 ...
- memcached 命令行举例
1.启动Memcache 常用参数 memcached 1.4.3 -p <num> 设置端口号(默认不设置为: 11211) -U <num> UDP监听端口 (默 ...
- Linux下查看分区UUID
有两种方法: 1.#:blkid 2.ls -l /dev/disk/by-uuid/
- C#虚方法、抽象类、方法重写
Timer.每隔一段时间触发一个事件.不可视控件.Interval.Enabled.Tick事件.计量单位:ms(毫秒). 1秒=1000毫秒.取当前时间 DateTime.Now.ToSt ...
- MFC 改变控件的大小和位置
mfc 改变控件大小和位置用到的函数: ) void MoveWindow(int x, int y, int nWidth, int nHeight); ) void MoveWindow(LPCR ...
- 创建一个视图JSP文件的helloWorld.jsp
让我们创建下面的JSP文件的helloWorld.jsp,在WebContent文件夹在你的eclipse项目.要做到这一点,右键单击WebContent文件夹中的项目资源管理器,然后选择“新建”&g ...
- C++实现文件关联
下面这段话是百度百科对文件关联的解释. 文件关联就是将一种类型的文件与一个可以打开它的程序建立起一种依存关系.举个例子来说,位图文件(BMP文件)在Windows中的默认关联程序是“画图”,如果将其默 ...
- 项模板选择器属性(ItemTemplateSelector属性)和样式选择器(ItemContainerStyleSelector)
3.4.5 共享尺寸组 样式选择器: 或者========================================
- ionic2常见问题-启动后白屏问题
问题描述 app启动后大概有几秒白屏,才会显示首页,如下gif图 启动有白屏.gif 解决方法1 请查看以下3张图的标注 图 1-最初config.xml配置 图 2-更改后的splash配置 图 3 ...