0

aspx ページで、オートコンプリートを使用して、フォームが入力されたことを検証しようとしています。ただし、両方のライブラリを同時に使用すると、オートコンプリート ドロップダウン リストをマウス クリックで選択することはできませんが、矢印キーと Enter キーで使用できます。この問題なしでこれらのパッケージの両方を一緒に使用する方法はありますか?

http://jqueryui.com/autocomplete/から例をコピーし、検証を追加しました。

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
            <script type="text/javascript"src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <script type="text/javascript" src="<%=Url.Content("~/Scripts/jquery.validate.min.js") %>"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#myForm').validate();
            });

            function vaidateForm() {
                if (!$('#QAForm').valid()) return false;
                alert("IS VALID");
            };
        </script>
        <form id="myForm">
            <div id="AssignTo">
                <label for="tags" class="required">Tags: </label>
        <input id="tags" />
            </div>                            
         <input type="button"  onclick="vaidateForm()" value="Save" />
</form>






        <script type="text/javascript">
            $(function () {
                var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
                $("#tags").autocomplete({
                    source: availableTags
                });
            });
        </script>
4

1 に答える 1

0

こちらをご覧ください：作業デモ http://jsfiddle.net/G3Qqc/1/

検証プラグイン：http：//docs.jquery.com/Plugins/Validation

これはあなたの目的に合うはずです:)

コード

$(document).ready(function(){
    $("#registerForm").validate();
});


$( "#tags" ).autocomplete({
    source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ],
    delay: 0
});

​
于 2012-11-17T03:35:53.100 に答える