javascript - how to create functions in jquery and reusing them -

javascript - how to create functions in jquery and reusing them -

i've got next code

if(!$rta_cl_fn.length > 0){ formsubmit = false; $('#div_cl_fn').addclass('has-error'); }else{ $('#div_cl_fn').removeclass('has-error'); } if(!$rta_cl_ln.length > 0){ formsubmit = false; $('#div_cl_ln').addclass('has-error'); }else{ $('#div_cl_ln').removeclass('has-error'); } if(!$rta_cl_mn.length > 0){ formsubmit = false; $('#div_cl_mn').addclass('has-error'); }else{ $('#div_cl_mn').removeclass('has-error'); }

and there's loads more wanted create function phone call function rather using if statements 1 time again , again

i've asked many times no 1 seems understand want... can show i'm looking in php format below

public function functionname($var1, $var2){ $formsubmit = true; if(!$var1.length > 0){ formsubmit = false; $var2.addclass('has-error'); }else{ $var2.removeclass('has-error'); } homecoming formsubmit; }

if need more clarity please ask

html below

<div class="row"> <div class="col-md-3"> <div class="form-group"> <label class="control-label">first name <span class="required" aria-required="true" > * </span></label> <input type="text" name="rta_cl_fn" id="rta_cl_fn" class="form-control input-sm"> </div> </div> <div class="col-md-5"> <div class="form-group" id="div_cl_fn"> <label class="control-label">middle name <span class="required" aria-required="true" > * </span></label> <input type="text" name="rta_cl_mn" id="rta_cl_mn" class="form-control input-sm"> </div> </div> <div class="col-md-4"> <div class="form-group" id="div_cl_ln"> <label class="control-label">last name<span class="required" aria-required="true" > *</span></label> <input type="text" name="rta_cl_ln" id="rta_cl_ln" class="form-control input-sm"> <span class="help-block"></span> </div> </div> </div>

again question how declare/create functions in jquery , using them in code.

regards

here how can create reusable functions using jquery

(function($) { $.fn.functionname = function (var1, var2) { var formsubmit = true; if(!var1.length > 0){ formsubmit = false; var2.addclass('has-error'); }else{ var2.removeclass('has-error'); } homecoming formsubmit; } }; }(jquery));

usage:

console.log($(".form-group").functionname('param1', 'param2'));

or

a pretty much simpler way using var declare function.

var myreusablefunction = function(var1, var2){ var formsubmit = true; if(!var1.length > 0){ formsubmit = false; var2.addclass('has-error'); }else{ var2.removeclass('has-error'); } homecoming formsubmit; };

usage:

you can phone call function similar normal javascript functions

console.log(myreusablefunction('param1', 'param2'));

check tutorial

hope helps.

javascript php jquery html reusability