Javascript：字段验证

Question

所以我一直在互联网上寻找一些简单的 javascript 代码，当字段为空时，我可以发出警报，而当 @ 不存在时，我会发出不同的警报。我一直在寻找正则表达式、html 和不同的插件。但是，我需要在纯 Javascript 代码中执行此操作。任何想法如何以简单的方式完成？

如果您认为这个问题不属于这里或很愚蠢，请指出我可以找到此信息的地方，而不是侮辱我。我几乎没有使用 javascript 的经验。

function test(email, name) {


}

Answer 1

如果您想验证电子邮件，请使用以下代码和给定的正则表达式：

<input type="text" name="email" id="emailId" value="" >
<button onclick = "return ValidateEmail(document.getElementById('emailId').value)">Validate</button>
<script>
     function ValidateEmail(inputText){  
           var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;  
       if(inputText.match(mailformat)) {  
         return true;  
       }  
       else {  
           alert("You have entered an invalid email address!");  
           return false;  
       }  
    } 
</script>

或者如果您想检查空白字段，请使用以下内容：

if(trim(document.getElementById('emailId').value)== ""){
   alert("Field is empty")
}  
// For @ 
var textVal = document.getElementById('emailId').value
if(textVal.indexOf("@") == -1){
  alert(" @ doesn't exist in input value");
}

这里是小提琴：http://jsfiddle.net/TgNC5/

Answer 2

您必须找到要检查的元素对象（文本框等）。

<input type="text" name="email" id="email" />

在 JS 中：

if(document.getElementById("email").value == "") { // test if it is empty
    alert("E-mail empty");
}

这是非常基本的。使用正则表达式你可以测试，如果它是真正的电子邮件，或一些垃圾。我建议阅读一些有关 JS 和 HTML 的内容。

Answer 3

function test_email(field_id, field_size) {
var field_value = $('#'+field_id+'').val();
error = false;
var pattern=/^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(!pattern.test(field_value)){
    error = true;
    $('#'+field_id+'').attr('class','error_email');
}
return error;

}

Answer 4

这将检查空字符串以及@符号：

    if(a=="")
        alert("a is empty");
    else if(a.indexOf("@")<0)
        alert("a does not contain @");

Answer 5

你可以这样做：

var input = document.getElementById('email');

input.onblur = function() {
  var value = input.value

  if (value == "") {
    alert("empty");
  }

  if (value.indexOf("@") == -1) {
     alert("No @ symbol");
  }

}

见fiddle

虽然这不是检查电子邮件地址的可靠解决方案，但请参阅以下参考以获得更详细的解决方案：

http://www.regular-expressions.info/email.html

http://www.codeproject.com/Tips/492632/Email-Validation-in-JavaScript

---- 更新----

我已经知道没有可用于定位的 IE，因此需要像这样定位输入字段：

document.getElementsByTagName("input")

使用此代码将选择页面上存在的所有输入字段。这不是我们要寻找的，我们要针对特定​​的输入字段。在没有类或 ID 的情况下执行此操作的唯一方法是按键选择它，如下所示：

document.getElementsByTagName("input")[0]

如果没有看到您的所有 HTML，我不可能知道要使用的正确键，因此您需要计算页面上输入字段的数量以及输入字段所在的位置。

1st input filed  = document.getElementsByTagName("input")[0]
2nd input filed  = document.getElementsByTagName("input")[1]
3rd input filed  = document.getElementsByTagName("input")[2]
4th input filed  = document.getElementsByTagName("input")[3]
etc...

希望这会有所帮助。