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

最新推荐文章于 2024-07-23 14:47:18 发布

转载最新推荐文章于 2024-07-23 14:47:18 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dravenT1/p/9144295.html

本文介绍了一个使用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