Cet article présente principalement la fonction de liaison d'événements implémentée par jQuery. Il analyse la mise en œuvre et l'utilisation de la liaison d'événements jQuery sur la base d'exemples simples de vérification de formulaire. J'espère que cela pourra aider tout le monde.
L'exemple de cet article décrit la fonction de liaison d'événement implémentée par jQuery. Partagez-le avec tout le monde pour votre référence, comme suit :
Texte HTML :
用户名:<input type="text" value="邮箱/用户名/手机号" id="login"/><br> 密 码:<input type="password" id="passwd"><br> <input type="button" value="登陆" id="operation"/>
Code d'opération Javascript :
//获取焦点事件 $("#login").focus(function(){ var $realValue=$(this).val(); var $defaultVale=this.defaultValue; if($realValue==$defaultVale){ $(this).val(""); }else{ $(this).val($realValue); } }); //失去焦点事件 $("#login").blur(function(){ var $realValue=$(this).val(); var $defaultVale=this.defaultValue; if($realValue==""){ $(this).val($defaultVale); }else{ $(this).val($realValue); } }); //登陆绑定事件:实际项目中一般使用md5进行单向加密,然后传递后台验证身份 $("#operation").click(function(){ var $realValue=$("#login").val(); var $passwd=$("#passwd").val(); if($realValue=="squirrel"||$passwd=="xiaoyang"){ alert("验证成功"); }else{ alert("验证失败"); } });
Effet :
Recommandations associées :
À propos de la liaison d'événements dans Jquery
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!