2011-08-10 175 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或任何适合元素类型的答案)。