javascript - JavaScript验证

Question

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

这是我用来提交表单的：

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

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

Answer 1

无论表单是使用提交按钮还是 JavaScript 提交，onSubmit 事件都会触发。所以监控表单的提交事件应该是你需要做的所有事情：

首先，为您提供一个 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;    
}