簡體   English   中英

如何使用Java的:: mailto驗證表單並發送輸入值?

[英]How do I validate form and send input values with ::mailto with Javascript?

我有一個想要的表格:

  • 使用JavaScript驗證
  • 驗證完成后,我想對sort函數進行“排序”,就像sendMail();一樣sendMail(); 功能(請參見下面的代碼示例)。

為了使我的問題更清楚,我想要的是“混合” onclickonsubmit函數,以便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;
    }

建議使用jQuery插件

驗證

和回調函數,您可以使用SubmitHandler。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM