Question

当您使用链接提交表单（而不是提交按钮？）时，如何验证表单？

这是我用来提交表格的内容：

<a href='javascript:document.forms["send"].submit()'>Send</a>

但是如何检查表单中的文本区域并仅在它不为空时才提交？

Answer 1

onSubmit事件仍会触发表单是使用提交按钮还是JavaScript提交的。因此，您应该只需要监控表单的提交事件：

首先，为您提供一个ID，以便于访问。我将在我的例子中使用“myForm”：

document.getElementById('myForm').onSubmit = function() {
    // validate textarea
    // return false on bad data
    // return true if ok
}

Answer 2

通常验证函数附加到表单的onsubmit侦听器，如果表单不提交，则返回false，例如

<form ... onsubmit="return validate(this);" ...>

验证功能类似于：

function validate(form) {
  var valid = true;
  var elements = form.elements;

  for (var i=0, iLen=elements.length; i<iLen; i++) {
    // validate elements[i]
    // if any invalid, set valid to false
  }
  return validl;    
}

JavaScript <form> validation </form>

2 个答案: