如何使用jQuery進行驗證？

Question

我有一個車牌號碼輸入一個領域，如何使用jquery下面condtions此輸入驗證： -

i) Min Size - 4 Characters 
ii) Should contain atleast 3 Alpha characters 
iii) First 2 Characters should be alpha 

var registration=$("#add-car-registration").val(); 

if(registration==""){ 
$.alert({title:"Information",content:"Enter Registration Number"}); 
return false;   
} 

if (registration.match('(.*?[a-zA-Z]){0,3}')) { 
$.alert({title:"Information",content:"Minimum 2 alphabets"}); 
return false; 
} 

if(registration.length<4){ 
$.alert({title:"Information",content:"Min 4 Characters Registration Number"});    
return false;   
} 

Answer 1

你不能做獨立的情況下，你應該使用if，else if，等等，使正確的方法，你也需要檢測提交事件，並且如果沒有被驗證，則會阻止它（不能返回，因爲返回將會停止所有事情）。例如（請注意，我改變你的警報分爲正常警報，以測試它）：

更新：我改進了數字驗證匹配的格式（例如：TG24 V 2234）

$(".myform").submit(function(e){ 

    var registration = $("#add-car-registration").val(); 
    var format1 = /(?=(?:.*?[A-Za-z]){2})/; //minimum 2 alphabets 
    var format2 = /^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$/; //numbers, alphabets and spaces 

    if(registration==""){ 
    alert("Information\nEnter Registration Number"); 
    e.preventDefault();   
    } 
    else if (!(format1.test(registration)) || !(format2.test(registration))){ 
    alert("Information\nMinimum 2 alphabets, numbers and spaces only"); 
    e.preventDefault(); 
    } 
    else if(registration.length<4){ 
    alert("Information\nMin 4 Characters Registration Number");    
    e.preventDefault();  
    } 
    else{ 
    $(this).submit(); 
    } 

}); 

您可以測試在這裏： https://jsfiddle.net/cw0954sh/3/

Answer 2

我會用正則表達式來驗證您的輸入作爲後續：

$(".myform").submit(function(e){ 
    var vrn = $("#vrn").val(); 
    if (vrn.length < 4) { 
    alert("Min. 4 chars"); 
    e.preventDefault(); 
    } else if (!vrn.match(/^[A-Z1-9]{2}/gi)) { 
    alert("First 2 chars must be alpha"); 
    e.preventDefault(); 
    } else if (!vrn.match(/([A-Z1-9].*){3}/gi)) { 
    alert("Atleast 3 chars must be alpha"); 
    e.preventDefault(); 
    } else { 
    alert('success') 
    } 
}); 

JSFiddle