Question

我正在使用具有catcha图像的表单。当用户填写表单并按下提交时（仅当验证码号码错误时），字段将被重置或清除。我怎样才能防止这种情况发生？如果访问者填写表单，按提交，预期的行为是表单提交，或者如果表示错误，则保留访问者在字段中输入的信息，并要求访问者填写正确的验证码。 ..

这是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 == '');
} }

Answer 1

当你想要阻止默认行为时，你必须使用这样的回调函数：

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

yourfom.onsubmit = onsubmit_handler;

Answer 2

我是否认为在JS成功验证后（即，不是通过表单提交事件处理程序中的Ajax调用）在服务器上验证了验证码？我是否更加正确地相信您正在进行真正的HTML表单提交而不是在后台提交Ajax表单？

如果这两个都是真的，那么问题可能根本就不在你的JavaScript中（我说“可能”只是因为你可以想象有一个JS函数可以清除加载时的所有表单字段或类似的东西）。您将表单提交到服务器，服务器查看验证码，看到答案是错误的，并再次显示表单 - 空白值。您需要更改服务器代码，以便将用户之前的答案包括为value属性（或selected option s或适用于元素类型的任何内容）它在服务器端验证失败后写入表单。

Javascript验证表单

2 个答案: