-1

JQuery を使用したフォームの検証に問題があります。

私のコードは、ページの読み込み時にページの上部に必須フィールドを説明する段落を表示する必要があります。この段落は表示されません。

これは私の完全なファイルです：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="form_jquery.aspx.cs"
Inherits="form_jquery" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

        <head runat="server">
            <title></title>
            <link rel="Stylesheet" href="form.css" type="text/css" media="screen"
            />
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">

            </script>
            <script type="text/javascript">
                $(document).ready(function () {
                    var requiredFlag = ' * ';
                    var requiredKey = $('input.required:first').next('span').text();
                    requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/, "$1");
                    var conditionalFlag = ' ** ';
                    var conditionalKey = $('input.conditional:first').next('span').text();
                    conditionalKey = conditionalFlag + conditionalKey.replace(/\((.+)\)/, "$1");
                    $('form :input').filter('.required').next('span').text(requiredFlag).end().prev('label').addClass('req-label');
                    $('form :input').filter('.conditional').next('span').text(conditionalFlag);
                    $('<p></p>').addClass('field-keys').append(requiredKey + '<br />').append(conditionalKey).insertBefore('#contact');
                });
            </script>
        </head>

        <body>
            <form id="form1" runat="server">
                <div>
                    <fieldset>
                        <legend>Personal Info</legend>
                        <ol>
                            <li>
                                <label for="first-name">First Name</label>
                                <input class="required" type="text" name="first-name"
                                id="first-name" />
                                <span>(required)</span>
                            </li>
                            <li>
                                <label for="last-name">Last Name</label>
                                <input class="required" type="text" name="last-name"
                                id="last-name" />
                                <span>(required)</span>
                            </li>
                            <li>How would you like to be contacted? (choose at least one method)
                                <ul>
                                    <li>
                                        <label for="by-email">
                                            <input type="checkbox" name="by-contact-type" value="E-mail" id="by-email"
                                            />by E-Mail</label>
                                        <input class="conditional" type="text" name="email" id="email"
                                        />
                                        <span>(required when corresponding checkbox checked)</span>
                                    </li>
                                    <li>
                                        <label for="by-phone">
                                            <input type="checkbox" name="by- contact-type" value="Phone" id="by-phone"
                                            />by Phone</label>
                                        <input class="conditional" type="text" name="phone" id="phone"
                                        />
                                        <span>(required when corresponding checkbox checked)</span>
                                    </li>
                                    <li>
                                        <label for="by-fax">
                                            <input type="checkbox" name="by- contact-type" value="Fax" id="by-fax"
                                            />by Fax</label>
                                        <input class="conditional" type="text" name="fax" id="fax"
                                        />
                                        <span>(required when corresponding checkbox checked)</span>
                                    </li>
                                </ul>
                            </li>
                        </ol>
                    </fieldset>
                </div>
            </form>
        </body>

    </html>
4

1 に答える 1

0

あなたはこれを持っています：

.insertBefore('#contact')

id="contact"しかし、あなたのページにが付いている要素はありません。何か足りないものはありますか？それ以外の場合は、ターゲットとするjQueryの有効なセレクターを指定する必要があります。

また、あなたはあなたの質問でこれにタグを付けていませんでしたが、あなたのトップラインはあなたがWebForms開発をしていると私に推測させます。が付いたマークアップには、マークアップ（またはデザイナー）に入力したものが含まれrunat="server"ないことに注意してください。id

于 2012-08-15T06:32:11.133 に答える