js + html 能不能实现发送邮件的功能
的有关信息介绍如下:<div>
<formid="myForm"target="_blank"action="https://formspree.io/1131844379@qq.com"method="post">
<!--左上-->
<div>
<div>
<inputtype="text"name="name">
<labelfor="input-1">
<span>您的姓名</span>
</label>扮谨迟
</div>
<div>
<inputtype="email"name="eamil"晌脊type="text">
<labelfor="input-1">
<span>您的邮箱</span>
</label>
</div>
</div>
<!--左下-->
<div>
<textareaname="message"placeholder="您的建议厅李..."></textarea>
<buttontype="submit"id="submit"name="submit">
<span>发送</span>
<i></i>
</button>
</div>
</form>
</div>
JS(判断内容不能为空才提交表单)
$(document).on('click','#submit',function(evt){
if($(".contact-area").val()==""){
$(".contact-area").val("您的建议不能为空!");
evt.preventDefault();//阻止提交表单到第三方网站去
}
});
扩展资料
JavaScript常用的表单交互
在form元素上使用onsubmit事件,针对表单进行拦截,返回true才能提交
<body>
<formid="myForm"onsubmit="returnvalidate()">
请输入email地址:<inputtype="text"name="email"id="email"value=""onblur="returnvalidate()">
<spanid="msg"></span>
<div><buttontype="submit">显示邮件</button></div>
</form>
</body>