我是新来的,我不是编码专家,我仍在学习中,所以请耐心等待。 :)
我创建了一个简单的表单,用于发送带有简历附件的电子邮件。我找到了这项工作的代码,它按预期工作(正确发送带有文件的邮件)。我没有使用phpmailer或类似的,它只是简单的php邮件功能。 我想要一个客户端验证,javascript/jquery classic,也许稍后还有服务器端。关键是我无法阻止提交表单来处理 javascript 验证。我想这是因为有一个文件(我在其他地方使用了相同的表格,没有附件,并且效果很好)。我发布了代码,以便您可以看到出了什么问题:
<form method="post" action="mail.php" id="uploadform" enctype="multipart/form-data">
<p>Name :</p>
<input name="name" id="name" type="text" />
<p>E-mail :</p>
<input name="email" id="email" type="text" />
<p>Tel :</p>
<input name="tel" id="tel" type="text" />
<p>Message :</p>
<textarea name="mex" id="mex" rows="7" cols="10"></textarea>
<p>File Upload :</p>
<input name="file" id="file" type="file">
<input type="submit" name="submit" id="submit" value="send" />
</form>
这是脚本:
<script type="text/javascript">
$(document).ready(function () {
$('#uploadform').submit(function (){
validateForm();
return false;
});
function validateForm(){
var name=document.forms["uploadform"]["name"].value;
if(name==null || name=="") {
$('#name').attr("placeholder","Who is writing?");
return false;
}
var email=document.forms["uploadform"]["email"].value;
var atpos=email.indexOf("@");
var dotpos=email.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
$('#email').val("");
$('#email').attr("placeholder", "Insert a valid e-mail address!");
return false;
}
}
});
</script>
我仍然找不到为什么脚本不阻止数据提交。看起来它根本忽略了 javascript。我还尝试了不同的方法,例如表单标记上的 onsubmit 内联、event.preventDefault(); 等类似方法,但行为是相同的。我为这个小问题而抓狂。如果有人可以帮助/解释,我会很高兴。谢谢!
最佳答案
您已将支票包装在提交函数的回调中。
你应该这样做:
$(document).ready(function () {
$('#submit').click(function (event){
return validateForm();
});
function validateForm(){
var name=document.forms["uploadform"]["name"].value;
if(name==null || name=="") {
$('#name').attr("placeholder","Who is writing?");
return false;
}
var email=document.forms["uploadform"]["email"].value;
var atpos=email.indexOf("@");
var dotpos=email.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
$('#email').val("");
$('#email').attr("placeholder", "Insert a valid e-mail address!");
return false;
}
return true;
}
});
让我知道这是否有效。
关于javascript - 简单的邮件发送带有附件,尽管验证还是发送,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22044411/