Erstellen von Funktion mit jquery Datenattribut

Question

Ich versuche, eine Funktion in jQuery basierend auf dem Datenattr zu erstellen.

<input type="text" name="name" id="name" data-validate="validatename" /> 

$("#name").blur(function(){ 
    var validate = $(this).attr("data-validate"); 
    var newvalidate = validate+"()"; 
    newvalidate; 
}); 

function validatename(){ 
    alert("success"); 
} 

Debugging gibt den Wert von newvalidate als validatename() aber die Funktion nicht ausgeführt. Wie kann ich das schaffen?

Answer 1

Das ist, weil es nicht eine Funktion ist, ist newvalidate nur die Zeichenfolge mit dem Wert von "validatename()" und nichts mehr. Um eine globale Funktion ausführen, die Sie den Namen haben als String Sie window[validate]() tun können:

<input type="text" name="name" id="name" data-validate="validatename" /> 

$("#name").blur(function(){ 
    var validate = $(this).attr("data-validate"); 
    window[validate](); 
}); 

function validatename(){ 
    alert("success"); 
} 

Answer 2

Das Erstellen einer Zeichenfolge, die mit () endet, führt nicht dazu, dass die Funktion ausgeführt wird. Um einen String auszuführen, als ob es Javascript-Code ist, müssen Sie eval() nennen:

$("#name").blur(function(){ 
 
    var validate = $(this).attr("data-validate"); 
 
    var newvalidate = validate+"()"; 
 
    eval(newvalidate); 
 
}); 
 

 
function validatename(){ 
 
    alert("success"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="name" id="name" data-validate="validatename" />

Sie können auch sehen nur den Namen in der globalen scape, um die Funktion selbst zu bekommen und es nennen.

window[validate]()