jqueryデータ属性を持つ関数を作成する

Question

データattrに基づいてjQueryで関数を作成しようとしています。

<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"); 
} 

デバッグがvalidatename()としてnewvalidateの値を与えるが、機能は実行されません。どのように私はこの作品を作ることができますか？

Answer 1

、newvalidateは"validatename()"の値とより何も単なる文字列です。あなたはwindow[validate]()を行うことができます文字列として名前を持つグローバル関数を実行するには：

<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

()で終わる文字列を作成しても、その関数は実行されません。それはJavascriptのコードだかのように文字列を実行するには、eval()を呼び出す必要があります：

$("#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" />

また、単に機能そのものを取得し、それを呼び出すためにグローバル花茎に名前を調べることができます。それは機能しませんのでです

window[validate]()