0

フォームにこの問題があります。フォームを送信すると、どのフィールドにも入力しなかった場合にエラーメッセージが表示されます。エラーメッセージが表示された後にフォームを元に戻すオプションと、フォームを再入力するオプションをユーザーに提供してほしい。私はそれを明確に説明できるように感じます、それを自分でチェックしてください：www.insead4sq.com

                    <form method="post" action="default.asp?Process=add" id="SIGNUPFORM"><a href="#" name="signup"></a>
                        <fieldset>
                            <p>
                                <label>Name</label>
                                <input type="text" name="FIRSTNAME" id="FIRSTNAME" size="55" value="" />
                            </p>
                            <p>
                                <label>Surname</label>
                                <input type="text" name="LASTNAME" id="LASTNAME" size="55" value="" />
                            </p>
                            <p>
                                <label>Email Address</label>
                                <input type="text" name="EMAILADDRESS" id="EMAILADDRESS" size="55" value="" />
                            </p>
                            <p>
                                <label>Password</label>
                                <input type="password" name="PASSWORD" id="PASSWORD" size="55" value="" />
                            </p>
                            <p>
                                <label>Hometown</label>
                                <input type="text" name="CITY" id="CITY" size="55" value="" />
                            </p>
                            <p>
                                <input type="button" name="signup" value="Sign Up" class="submit" />
                            </p>
                        </fieldset>
                    </form>   

<script type="text/javascript">
$(document).ready(function() { 
    $("[name='signup']").click(function() { 
            $.ajax({
                type: "POST",
                data: $("#SIGNUPFORM").serialize(),
                url: "default.asp?Process=add", 
                success: function(output) { 
                $('#SIGNUPFORM').html(output)
                },
                error: function(output) {
                $('#SIGNUPFORM').html(output);
                }
            }); 
    }); 
    $(function update() {
        $.ajax({
            type: "GET",
            url: 'default.cs.asp?Process=TotalMembers',
            timeout: 2000,
            success: function(data) {
                $(".totalmembers").html(data);
                window.setTimeout(update, 5000);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $(".totalmembers").html('.');
                window.setTimeout(update, 60000);
            }
        });
    });
}); 
</script>
4

3 に答える 3

0

最善の方法ではありません。ただし、これをそのまま動作させたい場合は、エラー関数を変更して、以下のようなものを含めます。

 $('#SIGNUPFORM').prepend($('<div></div>').attr({id:'dynamicResponse'}).append(output))
于 2012-05-23T08:49:03.167 に答える
0

既製のJQuery Validateを使用する方が簡単ではないでしょうか? その場で検証し、クラス「エラー」をフィールドに追加して、たとえば css を変更できるようにします。

于 2012-05-23T08:38:46.050 に答える
0

エラー時にテキストのエラーメッセージを返すと仮定して、これを試してください。

まず、divページの読み込み時に見えないページに a を追加します。

<div id="errorMessage" style="display: none"></div>

次に、errorハンドラーを変更して、フォームを削除するのではなく、上記の div にエラー メッセージを表示します。

error: function(output) {
    $('#errorMessage').html(output).show();
}
于 2012-05-23T08:38:59.353 に答える