Tester si la valeur est une fonction

Je suis remplacement d'un bouton de soumission avec un
ancre de lien. Depuis l'appel de
forme.submit() ne s'active pas
onsubmit, je suis à le trouver, et
eval()ing moi-même. Mais j'aimerais
vérifiez si la fonction existe avant
juste eval()ing ce qui est là. – gms8994

<script type="text/javascript">
function onsubmitHandler() {
    alert('running onsubmit handler');
    return true;
}
function testOnsubmitAndSubmit(f) {
    if (typeof f.onsubmit === 'function') {
        //onsubmit is executable, test the return value
        if (f.onsubmit()) {
            //onsubmit returns true, submit the form
            f.submit();
        }
    }
}
</script>

<form name="theForm" onsubmit="return onsubmitHandler();">
<a href="#" onclick="
    testOnsubmitAndSubmit(document.forms['theForm']);
    return false;
"></a>
</form>

EDIT : paramètre manquant f en fonction testOnsubmitAndSubmit

Ci-dessus devrait fonctionner indépendamment de savoir si vous affectez la onsubmit attribut HTML ou l'affecter en JavaScript:

document.forms['theForm'].onsubmit = onsubmitHandler;

Vous pouvez simplement utiliser le typeof opérateur avec un opérateur ternaire pour faire court:

onsubmit="return typeof valid =='function' ? valid() : true;"

Si c'est une fonction que nous avons appel et retour de la valeur de retour, sinon il suffit de retourner true

Edit:

Je ne suis pas tout à fait sûr de ce que vous voulez vraiment faire, mais je vais essayer d'expliquer ce qui se passe.

Lorsque vous déclarez votre onsubmit code dans votre code html, il est transformé en une fonction et donc de son "callable" JavaScript "monde". Cela signifie que ces deux méthodes sont équivalentes:

HTML: <form onsubmit="return valid();" />
JavaScript: myForm.onsubmit = function() { return valid(); };

Ces deux sera à la fois les fonctions et les deux seront disponibles. Vous pouvez tester l'un de ceux à l'aide de la typeof opérateur qui devraient production au même résultat: "function".

Maintenant, si vous affectez une chaîne à la "onsubmit" propriété grâce à JavaScript, il restera une chaîne, donc pas remboursables. Notez que si vous appliquez le typeof opérateur contre elle, vous obtiendrez "string" au lieu de "function".

J'espère que cela clarifie un peu les choses. Et puis, si vous voulez savoir si un tel bien (ou tout autre identifiant de la question) est une fonction et exigible, le typeof opérateur devrait faire l'affaire. Bien que je ne suis pas sûr si cela fonctionne correctement sur plusieurs images.

Acclamations

Assurez-vous que vous appelez typeof sur la fonction réelle, pas une chaîne de caractères littérale:

function x() { 
    console.log("hi"); 
}

typeof "x"; //returns "string"

typeof x; //returns "function"

Vous pouvez essayer de modifier cette technique pour répondre à vos besoins:

 function isFunction() {
   var functionName = window.prompt('Function name: ');
   var isDefined = eval('(typeof ' + functionName + '==\'function\');');
   if (isDefined)
     eval(functionName + '();');
   else
     alert('Function ' + functionName + ' does not exist');
 }
 function anotherFunction() {
   alert('message from another function.');
 }

Si c'est une chaîne, on pourrait supposer /j'espère que c'est toujours de la forme

return SomeFunction(arguments);

analyser pour le nom de la fonction, et ensuite voir si cette fonction est définie à l'aide de

if (window[functionName]) { 
    //do stuff
}

Je pense que la source de la confusion est la distinction entre un nœud attribut et le correspondant propriété.

Vous utilisez:

$("a.button").parents("form").attr("onsubmit")

Vous êtes une lecture directe de la onsubmit attribut's de la valeur (qui doit être une chaîne de caractères). Au lieu de cela, vous devez accéder à la onsubmit propriété de noeud:

$("a.button").parents("form").prop("onsubmit")

Voici un test rapide:

<form id="form1" action="foo1.htm" onsubmit="return valid()"></form>
<script>
window.onload = function () {
    var form1 = document.getElementById("form1");

    function log(s) {
        document.write("<div>" + s + "</div>");
    }

    function info(v) {
        return "(" + typeof v + ") " + v;
    }

    log("form1 onsubmit property: " + info(form1.onsubmit));
    log("form1 onsubmit attribute: " + info(form1.getAttribute("onsubmit")));
};
</script> 

Cela donne:

form1 onsubmit propriété: (fonction) fonction onsubmit(event) { return valide(); } 
form1 attribut onsubmit: (string) de retour valide() 

Vous pouvez toujours utiliser l'une des typeOf des fonctions en JavaScript, blogs,Chris West. À l'aide d'une définition telles que les suivantes pour la typeOf() fonction de travail:

function typeOf(o){return {}.toString.call(o).slice(8,-1)}

Cette fonction (ce qui est déclaré dans l'espace de noms global, peut être utilisée comme ceci:

alert("onsubmit is a " + typeOf(elem.onsubmit));

Si c'est une fonction, "Fonction" sera retourné. Si c'est une chaîne, la Chaîne "string" sera retourné. Les autres valeurs possibles sont indiquées ici.

Une vérification simple comme cela vous permettra de savoir si il existe définies:

if (this.onsubmit)
{
  //do stuff;
}