如何创建函数示例$('#fooinput')。barfunction()

时间:2019-02-07 23:33:44

标签: javascript jquery function

首先请问我的英语水平不是很好,我的问题是我如何才能为输入创建函数,例如验证某些东西以简化事情,并可以这样称呼$('#fooinput')。barfunction() ,我是javascript这个主题中的新手,因此不必使用jQuery进行调用。

3 个答案:

答案 0 :(得分:0)

如果要向jQuery barfunction函数添加名为$的函数,则:

jQuery.fn.barfunction = function() {
    //Do something
};

答案 1 :(得分:0)

我不确定它是否会回答您的问题,但是您可以做的是为jquery创建一个基本插件。

一个简单的例子在这里。

$.fn.barfunction = function() {
    // do something
    return this;
}

转到此链接以获取更多详细信息 https://learn.jquery.com/plugins/basic-plugin-creation/

答案 2 :(得分:0)

您始终可以扩展jquery函数(也称为插件)。

$.fn.barFunction = function() {

  debugger;
  if (this.val() === "") {
    alert("Value is not valid");
  }
  
  return this;
}


$(function() {
  $("#foo").barFunction()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="foo" value="" type="text" />

要了解更多信息,请参阅:

https://learn.jquery.com/plugins/basic-plugin-creation/

编辑:

总的来说,使用插件进行任何形式的验证都是不必要的。您可以使用第三方库来帮助您,也可以使用满足您需要的风俗习惯(选择最适合您的需求的方式)

第三方库可帮助您进行验证 https://jqueryvalidation.org/

或在$ .ready上使用(自行构建) http://form.guide/jquery/validation-using-jquery-examples.html