對HTML表單的驗證

Question

有些人在下面的表格中幫助我在下面的表格中檢查數字/數字是否應該在fname和lname中存在， stnumber shoud有特定的大小（大小） 狀態和pincode應該匹配 是否有可能與JavaScript驗證?????

<form id="user" method="post" action="" onsubmit="return validateForm()"> 
<span>First Name:</span>      
    <input type="text" class="input" id="fname" name="fname" required> 
    <span>Last Name</span> 
<input type="text" class="input" id="lname" name="lname" required> 
    <span>Student Number</span> 
<input type="text" class="input" id="stn" name="stn" required> 
<span>Student address</span> 
<input type="text" class="input" id="stad" name="stad" required> 
<span>Town/suburb</span> 
<input type="text" class="input" id="town" name="town" required> 
<span>State</span> 
<select name="state" id="state"> 
<option selected>--select--</option> 
<option>AAA</option> 
<option>BBB</option> 
    </select>        
<span>Postal Code</span> 
<input type="text" class="input" id="pcode" name="pcode" required> 

Answer 1

如果您的項目allowes你，你可以使用特定的HTML5屬性，如需要，最小值，最大值和模式去HTML5驗證。查看W3Schools.com和html5pattern.com

更多信息如果JavaScript是一種需求，有驗證庫的充足的選擇在那裏如完全有能力做你想要達到什麼樣的jQuery Validate或Parsley。

Answer 2

我真的不明白的問題，但如果你希望用戶輸入一個「特定」的大小，你爲什麼不只是使用

maxlength="size" 

財產？

編輯： JavaScript部分

function isCharKey(evt){ 
     var charCode = (evt.which) ? evt.which : event.keyCode 
     return !(charCode < 31 && (charCode > 48 || charCode < 57)); 
} 
var state= document.getElementById("state").value; 
var pcode= document.getElementById("pcode").value; 
if (state != pcode) { 
    alert("State and Pcode doesn't match"); 
} 

在HTML

<input type="text" class="input" id="fname" name="fname" required onkeypress="return isCharKey(event);"> 
<input type="text" class="input" id="lname" name="lname" required onkeypress="return isCharKey(event);"> 
<input type="text" class="input" id="stn" name="stn" required maxlength="10"> 

應該這樣做對於只輸入字符，而不是數字

編輯2：

<script type="text/javascript"> 
function isCharKey(evt){ 
    var charCode = (evt.which) ? evt.which : event.keyCode 
    return !(charCode < 31 && (charCode > 48 || charCode < 57)); 
} 
function validateForm() { 
    var state= document.getElementById("state").value; 
    var pcode= document.getElementById("pcode").value; 
    if (state != pcode) { 
     alert("State and Pcode doesn't match"); 
    } 
}</script> 

在頁面底部寫這個