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验证,除非你也有后端验证,因为有人可以通过禁用javascriptWhatmyForm
?字符串?DOM元素来绕过它。你可能想使用HTML5。你只需要提供regexp,如果你想从默认值中获得一些额外的东西。这里问的类似问题使用Jquery Validator你的qu中似乎有一个解决方案你有什么问题?你不应该