Javascript 如何在使用JS清理联系人表单后删除HTML5表单验证
我有一个联系人表单,它有javascript验证。我想在邮件提交后清除表单 我用清洁剂清洁它Javascript 如何在使用JS清理联系人表单后删除HTML5表单验证,javascript,forms,validation,Javascript,Forms,Validation,我有一个联系人表单,它有javascript验证。我想在邮件提交后清除表单 我用清洁剂清洁它 $(':input', '#contact') .removeAttr('checked') .removeAttr('selected') .not(':button, :submit, :reset, :hidden, :radio, :checkbox') .val(''); 之后,表单是干净的,但是HTML5验证被触发,所以我用红色突出显示输入。如何去除红色,请帮忙 (后来补充)我不知道该怎么
$(':input', '#contact')
.removeAttr('checked')
.removeAttr('selected')
.not(':button, :submit, :reset, :hidden, :radio, :checkbox')
.val('');
之后,表单是干净的,但是HTML5验证被触发,所以我用红色突出显示输入。如何去除红色,请帮忙
(后来补充)我不知道该怎么办,我有他的密码:
$.ajax({
type: 'POST',
url: '/wordpress/wp-content/themes/conexion/config.php',
data: $("#contact").serialize()+"&filename="+response.filename+"&filepath="+response.filepath,
enctype: 'multipart/form-data',
success: function(data) {
if(data == "true") {
$("#message").replaceWith('<div id="message"><p>El mensaje</p><p>ha sido enviado</p></div>'); $(':input', '#contact')
.removeAttr('checked')
.removeAttr('selected')
.not(':button, :submit, :reset, :hidden, :radio, :checkbox')
.val('');
}
}
});
return false;
$.ajax({
键入:“POST”,
url:“/wordpress/wp content/themes/conexion/config.php”,
数据:$(“#联系人”).serialize()+”&filename=“+response.filename+”&filepath=“+response.filepath,
enctype:“多部分/表单数据”,
成功:功能(数据){
如果(数据==“真”){
$(“#消息”)。替换为(“El mensajeha sido enviado”);$(“:输入”,“联系”)
.removeAttr('checked')
.removeAttr('selected')
.not(“:按钮,:提交,:重置,:隐藏,:单选,:复选框“)
.val(“”);
}
}
});
返回false;
函数submitForm(){
//获取具有名称的第一个表单
//希望只有一个,但还有更多,请选择正确的索引
var frm=document.getElementsByName('contact-form')[0];
frm.submit();//提交
frm.reset();//reset
返回false;//防止页面刷新
}
如果仍然触发HTML5验证,只需在表单标签中添加novalidate即可:
<form method="post" action="/foo" novalidate>...</form>
。。。
谢谢alexoulu和Ricky Stam,我终于禁用了HTML5验证,但没有在表单标签内。我在jquery中通过$('#contact').attr('novalidate',true)禁用了它;因此,如果浏览器禁用了JS,它将使用HTML5进行验证。对不起,我误解了前面的答案。我在下面编辑了我的答案,这就是你要找的吗?
<form method="post" action="/foo" novalidate>...</form>