使用javascript驗證表單字段的空電子郵件輸入

Question

網址：

<input style="margin-top: 20px;" type="text" placeholder="Enter an Email ID" name="Email" id="Email" pattern="((\w+\.)*\w+)@(\w+\.)+(com|kr|net|us|info|biz)" required="required">

腳本 ：

<script type="text/javascript">
    function checkStatus() {
        var productcode = $("#Code").val();
        var productEmail = $("#Email").val();
        alert("email is== " + Email)

        if (!document.getElementById("Email").checkValidity()) {
            alert("Please Enter Valid Email Id");
            return false;

        } else {
            callMeIfValid();
        }

        document.getElementById('Email').value = '';    
    }

    function callMeIfValid() {    
        alert("valid input");    
    }
</script>

在上面的代碼中，我能夠根據輸入標簽內的regex模式驗證用戶提供的電子郵件 ID 是否有效。但是我想在用戶提交空字段（沒有任何電子郵件輸入）時執行validation 。 有沒有可能？任何幫助將不勝感激..

Answer 1

您可以首先使用 .val() 檢查用戶是否輸入了任何文本或值，然后檢查輸入是否有效。

Answer 2

用這個

JS

if(document.getElementById("Email").value=='')
{
  alert("Please Enter Email ID");
  return false;    
}

演示

注意：HTML5 required屬性可能不適用於所有瀏覽器。

Answer 3

在 html 中有你的 <form> 標簽的地方添加這個屬性

例子：

<form onsubmit="return validate();" bla bla bla>  // put onsubmit in your form tag

然后寫這個jquery函數

function validate(){
    if($("#Email").val()=='')
    {
        alert("Please Enter Email ID");
        return false;    
    }
 }