BinaryDevelop
  1. ホーム
  2. jquery

[解決済み] jquery clear input default value

2022-03-07 04:46:51

質問

入力フォームのフォーカス時にデフォルト値をクリアし、サブミットボタンが押されたときに再びクリアするには、jqueryでどのようにすればよいですか？ 

<html>
        <form method="" action="">
            <input type="text" name="email" value="Email address" class="input" />
            <input type="submit" value="Sign Up" class="button" />
        </form>
</html>

<script>
$(document).ready(function() {
    //hide input text
    $(".input").click(function(){
        if ($('.input').attr('value') == ''){
            $('.input').attr('value') = 'Email address'; alert('1');}
        if  ($('.input').attr('value') == 'Email address'){
            $('.input').attr('value') = ''}
    });
});
</script>

解決方法は？

これを使うことができます。 

<body>
    <form method="" action="">
        <input type="text" name="email" class="input" />
        <input type="submit" value="Sign Up" class="button" />
    </form>
</body>

<script>
    $(document).ready(function() {
        $(".input").val("Email Address");
        $(".input").on("focus", function() {
            $(".input").val("");
        });
        $(".button").on("click", function(event) {
            $(".input").val("");
        });
    });
</script>

自作コードの話ですが、問題は、jqueryのattr apiが 

$('.input').attr('value','Email Adress');

そして、あなたがたが行ったようなことはしない。 

$('.input').attr('value') = 'Email address';

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します