2011-08-10 116 views
0

我正在使用具有catcha圖像的表單。當用戶填寫表格並按下提交(並且僅當驗證碼編號錯誤時),字段被重置或清除。我怎樣才能防止這種情況發生? 如果訪問者填寫表格,提交報告,預期的行爲是表格被提交,或者如果捕獲號碼錯誤,請保留訪客在字段中輸入的信息,並要求訪問者填寫正確的驗證碼...Javascript驗證表格

這裏是JS:

function MM_validateForm() { //v4.0 
if (document.getElementById){ 
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; 
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]); 
    if (val) { nm=val.name; if ((val=val.value)!="") { 
    if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@'); 
     if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n'; 
    } else if (test!='R') { num = parseFloat(val); 
     if (isNaN(val)) errors+='- '+nm+' must contain a number.\n'; 
     if (test.indexOf('inRange') != -1) { p=test.indexOf(':'); 
     min=test.substring(8,p); max=test.substring(p+1); 
     if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n'; 
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; } 
} if (errors) alert('The following error(s) occurred:\n'+errors); 
document.MM_returnValue = (errors == ''); 
} } 
+0

...什麼是處理後端的形式?我認爲你正在尋找一種使表單「粘性」的方法,並且也涉及到服務器上的工作。驗證碼也應該在服務器端進行驗證。我建議看看ReCaptcha處理的一些教程,以便讓你開始。 – vector

回答

0

當你想阻止你已經使用這樣的回調函數的默認行爲:

function onsubmit_handler(evt) { 
    if (/* validation is ok */) { 
     return true; 
    } 
    else { /* validation is not ok */ 
     evt.preventDefault(); 
     return false; 
    } 
} 

yourfom.onsubmit = onsubmit_handler; 
0

難道我相信糾正驗證碼是v在JS成功驗證(即,不經過表單提交事件處理器中的Ajax調用)之後(僅)在服務器上成功?我是否相信你正在做一個真正的HTML表單提交,而不是在後臺提交Ajax表單提交?

如果這兩個都是真的,那麼問題可能根本不在你的JavaScript中(我說「可能」只是因爲你可以想象有一個JS函數可以清除所有加載的表單字段或類似的東西)。您將表單提交給服務器,服務器查看驗證碼,看到答案錯誤,並再次顯示錶單 - 空白值。當您在服務器端驗證失敗後編寫表單時,您需要將您的服務器代碼更改爲包含用戶以前的答案,作爲value屬性(或selectedoption或任何適合元素類型的答案)。