запрос очистить поле ввода по клику - PullRequest
Новая
       35

запрос очистить поле ввода по клику

1 голос
/ 21 февраля 2012

Я нашел этот код jsfiddle на Jquery http://jsfiddle.net/anderskitson/AtqHm/, он отлично работает на jsfiddle, однако, когда я пытаюсь реализовать его в html-файле, он не работает.У меня он размещен на http://anderskitson.ca/tests/javascript/clearOnHover.html Я не уверен, почему он не работает, это довольно простая настройка.Любая помощь будет принята с благодарностью. 

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Rat Recipes</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    </head>
    <body>
        <div id="form">
    <form method="post">
    <input type="text" class="class-11" value="Enter Choice #11">
    <input type="text" class="class-21" value="Enter Choice #21">​
    <input name="submit" type="submit" id="submit" class="submit button" value="Send feedback" />
    </form>
         <script>
        $(document).ready(function() {
        var default_val = '';
        $('input[class^="class-"]').focus(function() {
            if($(this).val() == $(this).data('default_val') || !$(this).data('default_val')) {
                $(this).data('default_val', $(this).val());
                $(this).val('');
            }
        });

        $('input[class^="class-"]').blur(function() {
            if ($(this).val() == '') $(this).val($(this).data('default_val'));
        });
    });​
        </script>
    </body>
</html>

Ответы [ 2 ]

4 голосов
/ 21 февраля 2012

Похоже, у вас есть какой-то нераспознанный символ в конце функции ready (), которого нет в приведенном выше фрагменте.Когда я копирую / вставляю ваш код в Notepad ++, я вижу "?"персонаж.Устранение, которое приводит к правильному функционированию кода

1 голос
/ 21 февраля 2012

Я получаю сообщение об ошибке в Chrome в строке 29, которое подсказывает мне, что по какой-то причине обозреватели в дикой природе стали меньше прощать по поводу отсутствия фигурных скобок в последнем утверждении if. Попробуйте: 

if ($(this).val() == '') { $(this).val($(this).data('default_val')); }
...