Question

I have function as follows:

Mask (sender) { 
var error= false;
        var regex = '^[0-9]+,[0-9][0-9]$'; 
    
          if(!($(sender).val().match(regex))) {   
              error = true;
        }   
}

HTML

<input name="mf1234" value="" id="mf1234" onblur="Mask(this)"/>
<span class="comment" id="mf1234" class="sssnnn"></span>

I am calling onBlur using (this), but if I want to call it by Mask (this.id) with span id, how can I change my method code?

Answer 1

function Mask (senderID) {
   var error= false;
    var regex = '^[0-9]+,[0-9][0-9]$'; 

    if(!($("#" + senderID).val().match(regex))) {   
        error = true;
    } 
}

JQuery takes the CSS selector values, so any ID’s need to be represented as #idValue
<div id='MyId'> would be called in jQuery as $("#MyId")

So if you plan on passing Mask(this.id) to function Mask (senderID) you need to call $("#" + senderID)

You can call this from the HTML like so, however inline Javascript is not recommended.
Look into Code Seperation.

<input name="mf1234" value="" id="mf1234" onblur="Mask(this.id)"/>
<span class="comment" id="mf1234_comment" class="sssnnn"></span>

Here is the better solution…

$(document).ready(function() {
    $("#mf1234").bind("blur", function() {
        var error = false;
        var regex = '^[0-9]+,[0-9][0-9]$';
        if (!($(this).val().match(regex))) {
            error = true;
        }
        console.log(error);
    });
});

attach your events in the javascript.. this avoids inline javascript and promotes code separation. This will aid you in Maintainability and Readability

ohh and then you html will look like this

<input name="mf1234" value="" id="mf1234" />
<span class="comment" id="mf1234_comment" class="sssnnn"></span>

http://jsfiddle.net/rlemon/NCwF3/