JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="go" />
<input type="text" id="go2" />
JavaScript
var formBean = {
"formString": "Demo",
"formFields":[
{
"name":"go",
"id":"go",
"validationString":"myTest"
},
{
"name":"go2",
"id":"go2",
"validationString":"myTest2"
}
]
};
window.onload = function()
{
for(var i=0;i<formBean.formFields.length;i++) {
var field = formBean.formFields[i];
var fieldMethod = field.name + "Handle";
// Defining an anon function and calling it on the spot, passing the
// current value of fieldMethod. This results in each handler creating
// closure to a different variable.
(function(methodName) {
document.getElementById(field.id).onblur = function() {
alert(methodName);
};
})(fieldMethod);
}
}