0

AJAX の更新を実行できるようになる前に、フォーム データを検証しようとしています。したがって、基本的に私が達成しようとしているのは、ajax更新機能の前にフォーム入力データを検証することです。以下のメソッド内の検証用の関数をどこに配置するかわかりません: 私の AJAX 更新関数:

$("#updateUser").click(function() {
            $.ajax({
                type: "POST",
                url: "${pageContext.request.contextPath}/updateUser",
                data: $("#updateForm").serialize(),
                success: function(response) {
                    $("#alert").show();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) { 
                    alert("Status: " + textStatus); alert("Error: " + errorThrown); 
                } 
            });
        });

これは私が検証しようとしているフォームです:

    <form id="updateForm">
                    <input type="hidden" id="id" name="id" /> 
                    Name:
                    <input type="text" name="name" id="name" />
                    <br /> 
                    User name:
                    <input type="text" name="username" id="username" />
                    <br /> 
                    Email:
                    <input type="text" name="email" id="email" />
                    <br /> 
                    Authority
                    <input type="text" name="authority" id="authority" />
                    <br />
                </form>

何か提案があれば助けてください、私はjavascriptが初めてです。ありがとう

4

2 に答える 2

1

jQuery検証を使用している場合は、以下の方法で行うことができます

$("#updateUser").click(function() {

   var form = $( "#updateForm" );
   form.validate();
    if(form.valid()){
        $.ajax({
            type: "POST",
            url: "${pageContext.request.contextPath}/updateUser",
            data: $("#updateForm").serialize(),
            success: function(response) {
                $("#alert").show();
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) { 
                alert("Status: " + textStatus); alert("Error: " + errorThrown); 
            } 
        });
      }
    });
于 2013-10-09T09:55:56.870 に答える