您的位置首页生活百科

js + html 能不能实现发送邮件的功能

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();//阻止提交表单到第三方网站去

}

});

js + html 能不能实现发送邮件的功能

扩展资料

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>