javascript - JS : Form validation on input type

Question

我正在尝试进行一些表单验证，但不想按类名选择表单输入。有没有办法可以根据输入属性类型循环验证。我已经尝试过代码，但收效甚微。可能会沿着这些思路思考一些事情:

编辑:我不想使用插件

function validator (myForm) {

  // If type equals Email
  if($(myForm + " input").attr("type") == "email") {
    // Validate Email Here
  }

  // If type equal text
  if($(myForm + " input").attr("type") == "text") {
    // Validate Text Here
  }
}

Answer 1

是的，你可以做类似的事情。

首先，如果 myForm 是一个 DOM 元素，那么您需要 $(myForm).find(...) 而不是 $(myForm + "...")，因为后者会导致无效的选择器。如果 myForm 是一个包含有效选择器的字符串，那就没问题。

你的 if($(myForm + "input").attr("type") == "email") { 不起作用，因为它会得到 在表单中输入第一个输入的，并将其与字符串“email”进行比较。它不会找到您表单中的所有电子邮件输入。

您可以使用属性选择器选择特定类型的输入，例如:

$(myForm).find("input[type=email]").each(function() {
    // Validate email inputs; each input is available as `this`,
    // which is a DOM element
});

和

$(myForm).find("input[type=text]").each(function() {
    // Validate text inputs; each input is available as `this`,
    // which is a DOM element
});

(在这种情况下，我们不需要在属性值周围加上引号，因为它们是单个单词。)

您还可以查看 HTML5 form validation stuff .

当然，您可能知道这一点，但是您使用客户端 JavaScript(或其他浏览器功能)进行的任何验证都纯粹用于 UI/UX 目的。您仍然必须验证服务器上的内容，因为客户端验证可以完全绕过......