Javascript JS:输入类型的表单验证

Javascript JS:输入类型的表单验证,javascript,jquery,validation,Javascript,Jquery,Validation,我正在尝试进行一些表单验证,但是不想按类名选择表单输入。是否有一种方法可以根据输入属性类型循环验证。我对代码进行了一次尝试,但收效甚微。可能会按照以下思路思考: 编辑:我不想使用插件 function validator (myForm) { // If type equals Email if($(myForm + " input").attr("type") == "email") { // Validate Email Here } // If type equ

我正在尝试进行一些表单验证,但是不想按类名选择表单输入。是否有一种方法可以根据输入属性类型循环验证。我对代码进行了一次尝试,但收效甚微。可能会按照以下思路思考:

编辑:我不想使用插件

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
  }
}

是的,你可以这样做

首先,如果
myForm
是一个DOM元素,那么您需要
$(myForm)。查找(…)
而不是
$(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
});

(在本例中,属性值周围不需要引号,因为它们是单个单词。)

你也可以调查一下


当然,您可能知道这一点,但是您对客户端JavaScript(或其他浏览器功能)所做的任何验证都是纯粹出于UI/UX目的而进行的。
。您仍然需要在服务器上进行验证,因为客户端验证可以完全绕过……

是的,您可以这样做

首先,如果
myForm
是一个DOM元素,那么您需要
$(myForm)。查找(…)
而不是
$(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
});

(在本例中,属性值周围不需要引号,因为它们是单个单词。)

你也可以调查一下


当然,您可能知道这一点,但是您对客户端JavaScript(或其他浏览器功能)所做的任何验证都是纯粹出于UI/UX目的而进行的。
。您仍然需要在服务器上进行验证,因为客户端验证可以完全绕过……

是的,您可以这样做

首先,如果
myForm
是一个DOM元素,那么您需要
$(myForm)。查找(…)
而不是
$(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
});

(在本例中,属性值周围不需要引号,因为它们是单个单词。)

你也可以调查一下


当然,您可能知道这一点,但是您对客户端JavaScript(或其他浏览器功能)所做的任何验证都是纯粹出于UI/UX目的而进行的。
。您仍然需要在服务器上进行验证,因为客户端验证可以完全绕过……

是的,您可以这样做

首先,如果
myForm
是一个DOM元素,那么您需要
$(myForm)。查找(…)
而不是
$(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
});

(在本例中,属性值周围不需要引号,因为它们是单个单词。)

你也可以调查一下


当然,您可能知道这一点,但是您对客户端JavaScript(或其他浏览器功能)所做的任何验证都是纯粹出于UI/UX目的而进行的。
。您仍然需要在服务器上进行验证,因为客户端验证可以完全绕过……

您可以通过如下属性找到输入元素

//If type equals Email
$('input [type = email]')
// If type equals Email
$('input [type = text]')

如上图所示,您可以访问。

您可以按如下所示的属性查找输入元素

//If type equals Email
$('input [type = email]')
// If type equals Email
$('input [type = text]')

如上图所示,您可以访问。

您可以按如下所示的属性查找输入元素

//If type equals Email
$('input [type = email]')
// If type equals Email
$('input [type = text]')

如上图所示,您可以访问。

您可以按如下所示的属性查找输入元素

//If type equals Email
$('input [type = email]')
// If type equals Email
$('input [type = text]')

像上面一样,您可以访问。

什么是
myForm
?字符串?DOM元素?您可能想使用HTML5。只有在您需要从默认值中获得额外内容时,才需要提供regexp。这里提出的类似问题使用Jquery验证程序。您的问题似乎有一个解决方案。您有什么问题?您不应该只使用javascript v验证,除非你也有后端验证,因为有人可以通过禁用javascriptWhat
myForm
?字符串?DOM元素来绕过它。你可能想使用HTML5。你只需要提供regexp,如果你想从默认值中获得一些额外的东西。这里问的类似问题使用Jquery Validator你的qu中似乎有一个解决方案你有什么问题?你不应该