jQuery以防止多次单击按钮不起作用



>我有一个表单,当用户多次单击按钮时,数据也将在数据库中保存多次。我这样做是为了限制多次点击以防止这种情况,这是我的代码,但它仍然不起作用。

<head>
<link href="~/Contents/css/style1.css" rel="stylesheet" />
<script>
$('form').submit(function () {
$(this).find(':submit').attr('disabled', 'disabled');
});
</script>
</head>
<div class="w3layouts_main wrap">
<h1 class="agile_head text-center" style="color: #e60053 ;font-family :'Comic Sans MS'">Share Your Experience</h1>
<form action="#" method="post" class="agile_form" id="form1">
<h1 style="color: white; font-size: large">1. Quality of Service. </h1>
<h2 style="color : #0086ce" >How satisfied were you with our Service?</h2>
<!--Star Raiting-->
<span class="SmileyRating" data-name="QualityOfService">

</span>
<br />
<!--Star Raiting End-->

<h1 style="color: white; font-size: large">2. Quality of Food. </h1>
<h2 style="color : #0086ce">How satisfied were you with our Food?</h2>
<span class="SmileyRating" data-name="QualityOfFood">
</span>
<br />
<!--Star Raiting End-->

<h1 style="color: white; font-size: large">3. Cleanliness of Lounge. </h1>
<h2 style="color : #0086ce">How satisfied were you with Marhaba Lounge Cleaning?</h2>
<span class="SmileyRating" data-name="CleanlinessOfLounge">
</span>
<br />
<!--Star Raiting End-->

<h1 style="color: white; font-size: large">4. Friendliness of Staff. </h1>
<h2 style="color : #0086ce">How satisfied were you with our Staff?</h2>
<span class="SmileyRating" data-name="FriendlinessOfStaff">
</span>
<br />
<!--Star Raiting End-->

<h1 style="color: white; font-size: large">5. Overall experience. </h1>
<h2 style="color : #0086ce">How satisfied were you with Marhaba Lounge?</h2>
<span class="SmileyRating" data-name="OverAllExperience">
</span>
<br />
<!--Star Raiting End-->

<h3 style="color: white; font-size: large">Valuable Suggestions.</h3>
<textarea placeholder="Additional comments" class="w3l_summary" name="Comments"></textarea>
<input id="formSubmit" type="submit" value="Submit" class="agileinfo" style= "background-color: white; color: #e60053 " onmouseover="this.style.backgroundColor = '#e60053', this.style.color = 'white' " onmouseout="this.style.backgroundColor = 'white',   this.style.color = '#e60053'" />
</form>
</div>

实现我想要的脚本是这个

<script>
$('form').submit(function () {
$(this).find(':submit').attr('disabled', 'disabled');
});
</script>

我在这里做错了什么?如何在Visual Studio中调试jQuery?

如果您使用的是jQuery v1.6较小版本,则可以在此处使用解决方案

$('form').submit(function() {
$(this).find("input[type='submit']").attr('disabled','disabled');
});

对于 jQuery v1.6 +

$('form').submit(function() {
$(this).find("input[type='submit']").prop('disabled',true);
});

希望这对您有所帮助。

最新更新