Javascript “如何隐藏”一词;提交;一旦表单成功发送,是否单击按钮?
当表单成功发送时,我想隐藏表单的“提交”按钮。我试图添加Javascript “如何隐藏”一词;提交;一旦表单成功发送,是否单击按钮?,javascript,jquery,forms,Javascript,Jquery,Forms,当表单成功发送时,我想隐藏表单的“提交”按钮。我试图添加$('#submit').hide(2000)紧跟在$('.success').fadeIn(1000)之后 但是没有成功。 谢谢 HTML: 启动ajax成功函数时,隐藏按钮 $this.find('input:submit').hide(); 你的代码变成了 $(document).ready(function () { $("#contactfrm").submit(function (e) { var $t
$('#submit').hide(2000)代码>紧跟在$('.success').fadeIn(1000)之后代码>
但是没有成功。
谢谢
HTML:
启动ajax成功函数时,隐藏按钮
$this.find('input:submit').hide();
你的代码变成了
$(document).ready(function () {
$("#contactfrm").submit(function (e) {
var $this =$(this);//added this code here
e.preventDefault();
var name = $("#name").val();
var email = $("#email").val();
var message = $("#message").val();
var dataString = 'name=' + name + '&email=' + email + '&message=' + message;
function isValidEmail(emailAddress) {
var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
return pattern.test(emailAddress);
};
if (isValidEmail(email) && (message.length > 10) && (name.length > 1)) {
$.ajax({
type: "POST",
url: "sendmessage.php",
data: dataString,
success: function () {
$('.success').fadeIn(1000);
$this.find('input:submit').hide();//added this code here
}
});
} else {
$('.error').fadeIn(1000);
}
return false;
});
});
参考资料
试试这个:
success: function(){
$('.success').fadeIn(1000);
$('input[name="submit"]').hide();
}
但我建议您将提交的html更改为:
<input type="submit" value="Envoyer" name="submit" id="submit">
改变
<input type="submit" value="Envoyer" name="submit">
到
这将隐藏页面上的所有提交按钮。
<input type="submit" value="Envoyer" name="submit" id="submit">
success: function(){
$('.success').fadeIn(1000);
$('#submit').hide();
}
<input type="submit" value="Envoyer" name="submit">
<input type="submit" value="Envoyer" id="submit" name="submit">