-3

特定のdivの検証に次のjqueryを使用しました。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#btnNext').click(function () {
            if ($('#page1 input[id$=txt_companyname]').val() == "") {
                alert('company Name is Blank!');
                $('#page1 input[id$=txt_companyname]').focus();
            }
            else if ($('#page1 input[id$=txt_headoff]').val() == "") {
                alert('Password is Blank!');
                $('#page1 input[id$=txt_headoff]').focus();
            }
        });
    });
</script>

このページにボタンがあります。これらのフィールドに入力せずにbtnをクリックすると、アラートメッセージが表示されます。

<div id="page1" runat="server" style=" padding-left:10px">
<div class="divsize">
                    <div class="labelsize"><asp:Label ID="lbl_companyname" runat="server" Text="1. Name of the Company" ></asp:Label></div>
                    <div class="labelcolon"><asp:Label ID="Label2" runat="server" Text=":" ></asp:Label></div>
                    <div class="labelsize"><asp:TextBox ID="txt_companyname" runat="server" Width="250px" ></asp:TextBox></div>
                </div>
                <div class="divsize">
                    <div class="labelsize"><asp:Label ID="lbl_headoff" runat="server" Text="2. a) Head Office / Registered Office" ></asp:Label></div>
                    <div class="labelcolon"><asp:Label ID="Label3" runat="server" Text=":"></asp:Label></div>
                    <div class="labelsize"><asp:TextBox ID="txt_headoff" runat="server" 
                        TextMode="MultiLine" Width="250px" ></asp:TextBox></div>
                </div>
                </div>
4

1 に答える 1

0

このエラーの考えられる理由:

  1. jQuery ライブラリを参照していません。
  2. ライブラリがロードされる前に関数を呼び出しています。
  3. 「$」とは何かを再定義した別のライブラリを使用します。

jQuery を適切に参照しており、"$" を再定義するライブラリが他にない場合は、このようにドキュメントの準備が整ったときに関数を呼び出す必要があります。

$(document).ready(function()
    {
    //All your code here.
    });
于 2012-07-13T06:58:56.050 に答える