表单提交避免二次点击按钮提交表单

本文介绍了一个使用JavaScript进行表单验证的例子,包括检查会签意见是否为空或超出字数限制,并通过jQuery插件实现了日期选择器的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 1 $(function() {
 2     $("#editForm").Validform({
 3         tiptype : function(msg, o, cssctl) {
 4             if (!o.obj.is("form")) {
 5                 var objtip = o.obj.siblings(".info").html(msg).css('display', 'inline');
 6                 setTimeout(function() {
 7                     o.obj.siblings(".info").html('').css('display', 'none');
 8 
 9                 },2000);
10                 cssctl(objtip, o.type);
11             } else {
12                 var objtip = o.obj.find("#msgdemo");
13                 cssctl(objtip, o.type);
14                 objtip.text(msg);
15             }
16         },
17         btnSubmit : "#btn_sub",
18         btnReset : "#btn_reset",
19         ajaxPost : false,
20         beforeSubmit: function(curform){
21             var text = $("#officeToDoView").val();
22             if (text == null || text == "") {
23                 layer.msg('会签意见不能为空', {
24                         time : 3000 
25                    });
26                    return false;
27             }
28             if (text.length > 150) {
29                 layer.msg('会签意见字数限制为150字', {
30                         time : 3000 
31                    });
32                    return false;
33             }
34             $("#btn_sub").attr("disabled", "disabled");
35             $("#close").attr("disabled", "disabled");
36         },
37         callback : function(res) {
38             parent.untreatedNum();
39         }
40     });
41     $('.form_datetime').datetimepicker({
42         format : 'yyyy-mm-dd',
43         weekStart : 1,
44         todayBtn : 1,
45         autoclose : 1,
46         todayHighlight : 1,
47         startView : 2,
48         forceParse : 0,
49         minView : "month",
50         showMeridian : 1
51     });
52 })

使用

beforeSubmit
在表单提交过程中
.attr("disabled", "disabled");
即可

转载于:https://www.cnblogs.com/dravenT1/p/9144295.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值