如何为cakephp中定义的表单标签添加类，然后添加jquery事件

How to add class for form label defined in cakephp and then add jquery event

本文关键字：添加 然后 事件 jquery 标签 表单 cakephp 定义      更新时间：2023-09-26

我在cakephp中创建了一个表单

<?php echo $form->create('User', array('action' => 'login'));?>
        <?php
          echo '<div class="loginbox">';
          echo '<table width="200" border="0">';
          echo '<tr>';
          echo '<td>';
          echo $form->input('username', array('label' => __('Username', true)));
          echo '</td>';
          echo '<td>';
          echo $form->input('password', array('label' => __('Password', true))); 
          echo '</td>';             
          echo '<td>';
          echo $form->end('Login');
          echo '</td>';
          echo '</tr>';
          echo '</table>';
          echo '</div>';
        ?>

我想添加一个类的标签，之后添加焦点事件的jquery，以便在输入用户名的文本用户名出现，当在输入区域单击文本消失。如何让它发挥作用?

我会将焦点和模糊事件绑定到您的输入。对于每个输入，当输入为空时，创建一个title属性作为默认文本:

<script type='text/javascript'>
jQuery(document).ready(function() { 
    $(".forminput").focus(function() {
        if ($(this).val() == $(this)[0].title) {
            $(this).removeClass("active");
            $(this).val("");
        }
    });
    $(".forminput").blur(function() {
        if ($(this).val() == "") {
            $(this).addClass("active");
            $(this).val($(this)[0].title);
        }
    });
    $(".forminput").blur();
});
</script>
<input value="" title="Enter a username" name="screenname" type="text" class="forminput" />
相关文章：