자바 스크립트 양식 유효성 검사에서 "같지 않음"기호가 인식되지 않음

Question

누구든지이 코드를 향상시킬 수있는 방법을 알려주고 가장 중요한 것은 Z가 아무 것도 없거나 "전자 메일"문자열이 아닌 모든 경우에 작동하도록 전자 메일 유효성 검사를 정렬 할 수 있습니까?

모든 필드는 고객에게 예제로 입력 한 적절한 문구로 시작합니다.

친절하시기 바랍니다.

function validateForm() 
{ 
//Uses HTML field IDs 
var x=document.forms["myForm"]["name"].value; 
var y=document.forms["myForm"]["phone"].value; 
var z=document.forms["myForm"]["email"].value; 

//Name locator 
    if (x==null || x=="" || x=="Name") 
     { 
     alert("Please enter the your name."); 
     return false; 
} 

//Contact method locator 
    if ((y==null || y=="" || y=="Phone Number")&&(z==null || z=="" || z=="Email")) 
     { 
     alert("Please enter a contact method."); 
     return false; 
} 

//Phone numeric validation, this runs if Email field is not edited 
    if (z==null || z=="" || z=="Email") 
    { 
    if (isNaN(y)||x.indexOf(" ")!=-1) 
     { 
     alert("Telephone must be a numeric value."); 
     return false; 
     } 
} 

//Phone length validation, this runs if Email field is not edited 
    if (z==null || z=="" || z=="Email") 
    { 
    if (y.length > 14) 
     { 
     alert("Telephone must be valid."); 
     return false; 
     } 
} 

//Email validation, does not work, this should run only when something is entered into the field 
    if (z!=null || z!="" || z!="Email") 
    { 
    var atpos=z.indexOf("@"); 
    var dotpos=z.lastIndexOf("."); 
     if (atpos<1 || dotpos<atpos+2 || dotpos+2>=z.length) 
     { 
     alert("This is not a valid e-mail address"); 
     return false; 
     } 
    } 
} 

Answer 1

몇 가지 작업을 수행 할 수 있습니다.

z==null || z==""

이 !Boolean(z) 또는 !z

z!=null || z!=""로 대체 될 수는 기대 타입 강제 변환하지 않는 한 == 대신 === Boolean(z) 또는 !!z

또한 항상 사용하려고합니다으로 대체 할 수있다. >z==null || z=="" || z=="Email" (X2) -

그래서 z == "Email"에 대한 검사는 코드를 반복처럼도 보이는이 z.toLowerCase() === "email"

처럼 뭔가 변경 될 수 있습니다. Phone number validation과 Phone length validation을 결합 할 수 있습니다.

Answer 2

this validation code (jQuery와 Javascript의 조합)을 살펴보십시오.

/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value) 

Answer 3

변경 :

if (z!=null || z!="" || z!="Email") 

그것은 당신이 이메일 주소에 대한 GREAT 정규식 예를 포함하여 전형적인 형태 (의 특정 요소를 처리하기 위해 찾고 어떻게되어야 하는지를에서 눈부신 통찰력을 흘렸다

이 사람 :.

당신이 제출하기 전에 사실로이 모든 것을 원하기 때문에 당신의 유효성 검사가 모든 AND 연산 대 논리합을해야

if (z!=null && z!="" && z!="Email") 

Answer 4

양식 유효성 검사를 수동으로 작성하는 대신 validate.js과 같은 것을 사용해 보셨습니까?

예제 코드 :

var validator = new FormValidator('example_form', [{ 
    name: 'req', 
    display: 'required',  
    rules: 'required' 
}, { 
    name: 'alphanumeric', 
    rules: 'alpha_numeric' 
}, { 
    name: 'password', 
    rules: 'required' 
}, { 
    name: 'password_confirm', 
    display: 'password confirmation', 
    rules: 'required|matches[password]' 
}, { 
    name: 'email', 
    rules: 'valid_email' 
}, { 
    name: 'minlength', 
    display: 'min length', 
    rules: 'min_length[8]' 
}], function(errors, event) { 
    if (errors.length > 0) { 
     // Show the errors 
    } 
});