3

jQuery入力マスクプラグイン（jquery.maskedinput-1.3.min.js）を使用しようとしていますが、いくつかの例/ソリューションを検索しました。私のコードは他の実用的な例とまったく同じですが、単にそうではありません。私のために働きます。私のコードは今のところこのプラグインをテストしているだけであることに注意してください（これを機能させようとしています。これにより、名前フィールドに日付入力マスクを適用しようとしている理由が説明されます）私のコードは次のとおりです。

HTML

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Persons of Interest</title>
    <link rel="stylesheet" type="text/css" href="/Default_Styler.css" />
    <link rel="shortcut icon" href="/person.ico" type="image/x-icon" />
    <script src="/Scripts/jquery.1.7.2.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
    <script src="/Scripts/FormHandler.js" type="text/javascript"></script>
</head>
<body>
    <div id="WrapperDiv">
        <div id="TitleBar">    <!--Beginning of Title Bar-->
            <div style="padding-top: 30px; text-align: center;">Persons of Interest</div>
        </div>                 <!--End of Title Bar-->
        <div id="FormHolder">
            <form action="">
                <p><label>POI Name: </label><input type="text" id="POI Name" name="POI Name" value=""/></p>
            </form>
        </div>
    </div>
</body>
</html>

JavaScript

jQuery(function ($) {
    $("#POI Name").mask("99/99/9999");
});

それ以外は、参照されているjQueryライブラリが実際に適切なディレクトリにあることを保証できます。（/ Scripts / ...）

入力フィールドなどをクリックしてもエラーは発生しません。単に何もしません。

4

3 に答える 3

7

jQueryセレクターは標準のCSS構文に従うため、IDの中央のスペースは実際には子孫セレクターとして扱われます。生活を楽にします。jQueryを扱うときは、IDとクラスを英数字、ハイフンに制限してください。それだけです。

明確にするために：jQueryには引用符/エスケープ構文がありますが、私見では扱いにくいので、例を挙げていません。

于 2012-09-07T20:18:31.370 に答える
4

IDからスペースを削除してから、これを試してください

jQuery(function ($) {
    $("#POIName").mask("99/99/9999");
});
于 2012-09-07T20:21:23.170 に答える
2

ID属性のスペースは無効です。IDをに変更し$("#POIName")、HTMLも更新する必要があります。

Jquery-ids-with-spacesは、あなたが興味を持っているかもしれない同様の質問です。

于 2012-09-07T20:18:43.067 に答える