2014-09-24 59 views
2

我有一段HTML創建了一個帶有三個文本字段(名稱,組和數字)的Web表單,所有這些都使用JavaScript進行驗證,以檢查是否有數據輸入到它們中。在上一個文本字段中,我需要引入一點JavaScript來檢查用戶輸入的數據也是四位數字(例如2947或94Q3)。作爲一個完整的JavaScript新手,我不知道我會如何做到這一點!我需要創建一個變量,它可以取得輸入數據的值,然後計算變量的數字,還是可以直接從現場執行?這裏是我的代碼的Javascript部分:javascript:計算文本輸入中的數字

function validateForm() { 
    var result = true; 
    var msg = 」」; 
    if (document.Entry.name.value == 」」) { 
     msg += 」You must enter your name\n」; 
     document.Entry.name.focus(); 
     document.getElementById(‘name’).style.color = 」red」; 
     result = false; 

     if (document.Entry.group.value == 」」) { 
      msg += 」You must enter the group\n」; 
      document.Entry.group.focus(); 
      document.getElementById(‘group’).style.color = 」red」; 
      result = false; 
     } 

     if (document.Entry.number.value == 」」) { 
      msg += 」You must enter the number\n」; 
      document.Entry.number.focus(); 
      document.getElementById(‘number’).style.color = 」red」; 
      result = false; 
     } 

     if (msg == 」」) { 
      return result; 
     } { 
      alert(msg) 
      return result; 
     } 
    } 

如果可能,你能告訴我我需要插入什麼代碼嗎?謝謝!

+2

'document.Entry.number.length = 4'應該抓住它給你!或者,你的意思是,你不想讓那個有「Q」的人數呢? – briansol 2014-09-24 21:02:21

+0

不,沒關係!謝謝!我會在哪裏將它放在代碼中? – gulliver 2014-09-24 21:03:55

+0

用完整的代碼在下面發佈了答案。 – briansol 2014-09-24 21:06:48

回答

0

將這個塊條件中的列表:

if (document.Entry.number.length!=4) { 
    msg+=」You must enter 4 digits \n」; 
document.Entry.number.focus(); 
document.getElementById(‘number’).style.color=」red」; 
result = false; 
} 
+0

謝謝! :) – gulliver 2014-09-24 21:07:46

+0

不客氣@gulliver會感激你,你'接受'的答案。 – briansol 2014-09-25 13:23:54

0
if (document.Entry.number.value==」」) { 
    msg+=」You must enter the number \n」; 
    document.Entry.number.focus(); 
    document.getElementById(‘number’).style.color=」red」; 
    result = false; 
} 

改變這

if (document.Entry.number.length != 4){ 
    msg+="Number must be exactly 4 characters \n"; 
    document.Entry.number.focus(); 
    document.getElementById('number').style.color="red"; 
    result = false; 
} 
相關問題