1

私はajaxとjqueryを初めて使用します。次のコードを使用して、正常に機能するフォームデータを送信しました。

しかし、すべての検証が真であるフォームを送信した後、リセット（フォームフィールドをクリア）する必要があります。フォームをクリアするためのコードを書く場所。

Htmlフォーム：

<form action="#" name="formdata" id="replyform" method="post">
    <div class="pass-form">
        <div class="input-row">
            <div class="row_label">
                Old Password
            </div>
            <span><input type="text" id="User_pass1" name="User_pass1"/></span>
        </div>
        <div class="input-row">
            <div class="row_label">
                New Password:
            </div>
            <span><input id="User_pass2" name="User_pass2" type="password"/></span>
        </div>
        <div class="input-row">
            <div class="row_label">
                Re-Enter New Password:
            </div>
            <span><input id="User_pass3" name="User_pass3" type="password"/></span>
        </div>
        <div class="input-row">
            <div class="row_label">
                &nbsp;
            </div>
            <span>&nbsp;<button name="chpass" onclick="submitform();" class="button" type="button" value="Save">Save</button>
            <button name="chpr" type="reset" class="button" value="Reset">Reset</button></span>
        </div>
    </div>
</form>

Javascript関数：

 function submitform() {
        var User_pass1 = document.getElementById("User_pass1").value.match("^\\S[0-9a-zA-Z.-]*$");
        var User_pass2 = document.getElementById("User_pass2").value.match("^\\S[0-9a-zA-Z.-]*$");
        var User_pass3 = document.getElementById("User_pass3").value.match("^\\S[0-9a-zA-Z.-]*$");
        //document.getElementById("User_pass1").value="";
        //document.getElementById("User_pass2").value="";
        //document.getElementById("User_pass3").value="";
        if (User_pass1 == null) {
            alert("password field Required.....!");
            return;
        } else if (User_pass2 == null) {
            alert(" New password  field Required.....!");
            return;
        } else if (User_pass3 == null) {
            alert("New password conformation field Required.....!");
            return;
        } else if (String(User_pass2) != String(User_pass3)) {
            alert("New password and  conformation not match....!");
            return;
        } else {
            var str = "User_pass1=" + User_pass1 + "&User_pass2=" + User_pass2;
            $.ajax({
                type: "POST",
                url: _baseurl + "/setting/",
                data: str,
                success: function (output) 
                {alert(output);}
            });
            return;
        }
    }
4

2 に答える 2

3

コールバック内に書き込む必要がありsuccessます。

success: function (output) 
{
  alert(output);
  $('#replyform').reset();
}
于 2013-03-15T04:52:52.873 に答える
3

これを試して：

 $.ajax({
      type: "POST",
      url: _baseurl + "/setting/",
      data: str,
      success: function (output)  {
         alert(output);
         $('#replyform').find("input[type=text], input[type=password]").val("");
      }
 });

また、代わりにjQuery使用する必要があるよりも使用している場合$('#User_pass1').val()document.getElementById("User_pass1").value

于 2013-03-15T04:54:23.823 に答える