JavaScript <form> validation

JavaScript <form> validation

本文关键字：validation gt form JavaScript lt      更新时间：2023-09-26

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

这是我用来提交表格的：

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

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

无论表单是使用提交按钮还是 JavaScript 提交，onSubmit 事件都会触发。因此，监视表单的提交事件应该是您需要做的：

首先，给您一个 ID 表格以便于访问。我将在我的示例中使用"myForm"：

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

函数附加到表单的 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;    
}
相关文章：