[英]How do I validate form and send input values with ::mailto with Javascript?
我有一個想要的表格:
sendMail();
一樣sendMail();
功能(請參見下面的代碼示例)。 為了使我的問題更清楚,我想要的是“混合” onclick
和onsubmit
函數,以便Validation()
函數調用。 當它驗證頁面時,我想調用sendMail()
函數。
有任何想法嗎? 預先謝謝你!
HTML:
<form method="POST" action="index.php" onsubmit="return Validate()" name="vForm">
<div>
<input id="name" type="text" name="username" class="textInput" placeholder="Username">
<div id="name_error" class="val_error"></div>
</div>
<div>
<input type="submit" class="btn" name="register" value="Register">
</div>
</form>
JS:
var username = document.forms["vForm"]["username"];
function Validate(){
// VALIDATE USERNAME
if(username.value == ""){
name_error.textContent = "Username is required";
username.style.border = "1px solid red";
username.focus();
return false;
}
// ADD EVENT LISTENERS
function nameVerify(){
if (username.value != "") {
name_error.innerHTML = "";
username.style.border = "1px solid #110E0F";
return true;
}
}
HTML-sendMail(); :
<textarea id="myText">
Text that will be sent to body of email.
</textarea>
<button onclick="sendMail(); return false">Send</button>
JS-sendMail(); :
function sendMail() {
var link = "mailto:example@mail.com"
+ "?cc=myCCaddress@example.com"
+ "&subject=" + escape("This is my subject")
+ "&body=" + escape(document.getElementById('myText').value)
;
window.location.href = link;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.