Explication de base de la fonction de liaison d'événement jQuery

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.

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 :

Explication détaillée du bases de la mise en œuvre de jQuery Fonction de liaison d'événements

Explication détaillée de la liaison d'événements javascript, du déclenchement et de l'exemple de code de suppression

Délégation d'événements javascript et liaison d'événements jQuery allumé, éteint et un

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!