Как преобразовать простой jquery в функцию jquery

0

У меня есть следующие code-

<script type="text/javascript">
    $(document).ready(function() {
        $("#clanname").keyup(function(e) {

            var clanname = $(this).val();
            if (clanname.length < 4) {
                $("#user-result").html('');
                return;
            }
        if (clanname.length >= 4) {
            $("#user-result").html('<img src="images/ajax-loader.gif" />');
            $.get('getClanName', {clanname:clanname}, function(data) {   

                    if(data=='free')
                    {
                    $("#user-result").html('<img src="images/available.png" />');

                }else{
                    $("#user-result").html('<img src="images/not-available.png" />');
                }
                });
            }
        });
    });
    </script>

который я ввел в раздел главы моего php файла, но я хочу поместить его в отдельный.js файл и хочу вызвать этот код в текстовом измененном событии моего текстового поля. Я хочу сделать его параметризованной функцией и хочу передать текст текстового поля на эту функцию. Сможете ли вы предложить мне, как это сделать.

  • 0
    Поместите свой код в функцию и вызовите его, когда произойдет изменение текста.
Теги:
function

2 ответа

1

1) Поместите следующий код в новый документ:

$(document).ready(function () {

   //your function 

});

2) Сохраните этот файл как myfile.js

3) В файле php поместите эту ссылку:

<script src="path_to_jsfile_if_not_in_the_same_dir_as_phpfile/myfile.js" type="text/javascript"></script>
  • 0
    +1 за предложение внешнего js пути.
0

Попробуй это

создайте файл, подобный custom.js и вставьте этот код в этот файл и сохраните

$(document).ready(function() {
        $("#clanname").keyup(function(e) {

            var clanname = $(this).val();
            if (clanname.length < 4) {
                $("#user-result").html('');
                return;
            }
        if (clanname.length >= 4) {
            $("#user-result").html('<img src="images/ajax-loader.gif" />');
            $.get('getClanName', {clanname:clanname}, function(data) {   

                    if(data=='free')
                    {
                    $("#user-result").html('<img src="images/available.png" />');

                }else{
                    $("#user-result").html('<img src="images/not-available.png" />');
                }
                });
            }
        });
    });

На вашей странице ниже <head> и ниже JQuery library js file add

<script type="text/javascript" src="js/custom.js"></script>
  • 0
    Извините, я забыл упомянуть одну вещь - я хочу сделать это параметризованной функцией и хочу передать текст текстового поля этой функции

Ещё вопросы

Сообщество Overcoder
Наверх
Меню