javascript - 在表单验证函数中查找类

Question

我为什么要这样做

我使用了 jquery 验证插件，但与 bootstrap select 一起使用时它没有显示所需的输出。因此尝试创建我自己的可选方法。

我想做什么

我想在所有输入、选择、复选框和单选按钮中搜索由 FormValidation 函数调用的表单中的特定类名称。如果找到类，那么我将对质量和值进行一些验证，如果验证失败，那么我将仅在该元素之后包含错误类。

我来这里是为了获得一些有关仅搜索特定类名的 FormValidation 函数调用的表单的帮助

我尝试过的

我尝试使用以下方法搜索类名，但它没有按预期搜索。

function FormValidation()
{
    if($(this).hasClass( "fns" ))
    {
       //do some validations & show validation output
    }
}

我还尝试获取表单 id，以便我可以使用 $(this).closest("form").attr("id"); 通过表单 id 搜索表单元素； 但这显示未定义。

请告诉我我在这里做错了什么。

<form method="post" class="form-horizontal" id="EMPREG" onSubmit="return FormValidation();" onKeyUp="return FormValidation();">
   <input class="form-control fns" type="text" id="Rec_Name" name="Rec_Name" placeholder="Enter Your Name">
    <input type="submit" name="Create_Profile" id="Create_Profile" class="btn btn-success btn-md" value="Create Profile"/>
</form>

Js Fiddle供引用https://jsfiddle.net/ttt/cc3r36h0/

Answer 1

函数中的 this 关键字引用 widow 全局对象。

如果您需要编写内联事件代码，请尝试传递 this 和 event 关键字:

<form method="post" class="form-horizontal" id="EMPREG" onSubmit="return FormValidation(this, event);"
  onKeyUp="return FormValidation(this, event);">
  <input class="form-control fns" type="text" id="Rec_Name" name="Rec_Name" placeholder="Enter Your Name">
  <input type="submit" name="Create_Profile" id="Create_Profile" class="btn btn-success btn-md"value="Create Profile"/>
  </form>

所以你的函数将是:

function FormValidation(obj, evt)
{
        if($(obj).find(".fns").length > 0)
        {
            //do some validations & show validation output
        }
}