Question

Html：

<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;    
}

DEMO

注意：HTML5 required属性可能无法在所有浏览器上运行。

Answer 3

哪里有你的＆lt;形式＆gt; html中的tag添加此属性

示例：

<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;    
    }
 }

使用javascript验证表单字段的空电子邮件输入

3 个答案: