Twitter Bootstrap的按钮有一个很好的Loading...状态.
问题是它只是显示像这样Loading...传递data-loading-text属性的消息:
<button type="button" class="btn btn-primary start" id="btnStartUploads"
data-loading-text="@Localization.Uploading">
<i class="icon-upload icon-large"></i>
<span>@Localization.StartUpload</span>
</button>
看看Font Awesome,你会看到现在有一个动画微调器图标.
我尝试在触发这样的Upload操作时集成该微调器图标:
$("#btnStartUploads").button('loading');
$("#btnStartUploads i").removeAttr('class');
$("#btnStartUploads i").addClass('icon-spinner icon-spin icon-large');
但这根本没有效果,也就是说,我只看到Uploading...按钮上的文字.
按钮处于加载状态时是否可以添加图标？看起来不知何故Bootstrap只是<i class="icon-upload icon-large"></i>在处于加载状态时删除按钮内的图标.
这是一个简单的演示,显示了我上面描述的行为.当你看到它进入加载状态时,图标就会消失.它会在时间间隔后重新出现.
我写了这段代码,点击后禁用我网站上的提交按钮:
$('input[type=submit]').click(function(){
$(this).attr('disabled', 'disabled');
});
不幸的是,它没有发送表格.我怎样才能解决这个问题？
编辑 我想绑定提交,而不是形式:)
我有一个ASP.NET按钮,我需要在用户单击它后禁用它以防止双击.提交完成后,必须再次启用它.谁能帮我这个？
我需要在单击按钮后禁用按钮,这样用户就不能多次单击它.(我的应用程序是用MVC ASP.NET编写的,我在普通的ASP.NET应用程序中完成了这个.)
我尝试使用JavaScript和jQuery,但它无法正常工作.该按钮被禁用但表单未提交.
jQuery的:
$("#ClickMe").attr("disabled", "disabled");
JavaScript的:
function DisableNextButton(btnId) {
document.getElementById(btnId).disabled = 'true';
}
这两种方法都很有效,但现在表单不会提交.
我知道有很多问题,但我尝试了几种解决方案,但没有任何效果.
在我的django应用程序中,我有一个表单:
<form method='post'>
<button type='submit'>Send</button>
</form>
一旦用户提交表单,我就不会禁用该按钮.使用其他问题,我尝试了几件事,比如:
<button type='submit' onclick="this.disabled=true">Send</button>
单击时,该按钮被禁用...但表单未提交.每次尝试我都有同样的问题:按钮被禁用或表单已提交.我找不到两个怎么办......
我正在使用Chrome.我有这个问题的原因吗？谢谢您的帮助.
我正在尝试为按钮实现加载效果,如codepen中所示.
我正在使用bootstrap 4(beta 2)Jquery 3.2.1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Group View</title>
<link rel="stylesheet" media="all" href="../css/bootstrap.css" >
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap-bundle.js"></script>
</head>
<body>
<div>
<button type="button" class="btn btn-primary btn-lg">Submit Order</button>
</div>
<script>
$(document).ready(function() {
$('button').data('loading-text', 'loading...');
$('.btn').on('click', function() {
var $this = $(this);
$this.button('loading');
setTimeout(function() {
$this.button('reset');
}, 8000);
});
})
</script>
</body>
</html>
单击按钮时,上面的代码不显示"loading ...".
我使用下面的代码生成电子邮件.出于某种原因,随机发送一封重复的电子邮件.它不会一直发生,一个月只发生几次.您是否看到任何可能导致此问题的代码？当用户单击页面上的提交按钮时会触发它.我可以添加一些东西来防止这种情况发生吗？TIA
Try
Dim Attachment As String
Attachment = path + myUniqueFileName
Dim mailMessage As MailMessage = New MailMessage
mailMessage.From = New MailAddress("Test@Test.com")
mailMessage.Subject = "Report " + " " + myUniqueFileName
mailMessage.IsBodyHtml = True
mailMessage.To.Add(New MailAddress(Session("EmailAddress")))
mailMessage.Attachments.Add(New Attachment(Attachment))
mailMessage.Body = "Attached is your report"
Dim smtp As SmtpClient = New SmtpClient
smtp.Host = "mail.net"
Dim NetworkCred As System.Net.NetworkCredential = New System.Net.NetworkCredential
smtp.Credentials = New NetworkCredential("test", "test")
smtp.UseDefaultCredentials = False
smtp.Send(mailMessage)
Catch ex As Exception
Dim message As String = ex.ToString …在我的应用程序中,我需要在单击按钮后禁用该按钮,以便用户不应多次单击.APplication是MVC ASP.NET我在普通的asp.net应用程序中完成了这个.我尝试了下面的代码行,但它不起作用
提前致谢
编辑 我怎么能用javascript实现这个？
我有一个表单,将数据传递给cc处理终端,以及编写PDF合同和收据.表单中内置了验证,我试图添加一个函数,在提供验证通过一次单击后禁用提交按钮.
我对帖子数据了解不多,但我想确定一下:
1. Still posts the data.
2. Still validates.
3. Does not allow the user to submit multiple times.
这是我的POST代码块:
<form method="POST" action="partner_register_ihg.php" onSubmit="javascript:return WebForm_OnSubmit();" id="docContainer" autoeventwireup="true" enctype="multipart/form-data" novalidate class="fb-toplabel fb-100-item-column fb-large selected-object" style="width: 800px;" data-form="preview">
这是我的提交部分
<input type="submit" name="subbutton" onClick='javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("subbutton", "", true, "", "", false, false))' id="subbutton" class="fb-button-special" value="Submit" />
这是我的验证码的一小部分
var RequiredFieldValidator30 = document.all ? document.all["RequiredFieldValidator30"] : document.getElementById("RequiredFieldValidator30");
RequiredFieldValidator30.controltovalidate = "item56_text_1";
RequiredFieldValidator30.errormessage = "Please enter the shipping zip code.";
RequiredFieldValidator30.display = "None";
RequiredFieldValidator30.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
RequiredFieldValidator30.initialvalue …javascript ×7
jquery ×6
asp.net ×2
asp.net-mvc ×2
button ×2
asp.net-ajax ×1
bootstrap-4 ×1
django ×1
email ×1
font-awesome ×1
html ×1
icons ×1
loading ×1
vb.net ×1