Question

我使用php，ajax，javascript，jquery在html中创建了表单。输入数据后，它在数据库中更新但输入字段不清楚。我在java脚本中使用clear（）。但它不起作用请帮我下面是代码

的index.html

＆＃13;

<html>
<head><title>Registration form</title></head>
<body>
<form id="myForm" action="process.php" method="POST">
Username: <input type="text" name="username" id="username"> <br />
Password: <input type="password" name="pass" id="pass"> <br />
First name: <input type="text" name="fname"> <br />
Last name: <input type="text" name="lname"> <br />

<button id="submit" name="submit">Register</button>
</form>

<div id="ack">Acknowledge</div>	

<script type="text/JavaScript" src="script/jquery-1.11.3.min.js"></script>
<script type="text/JavaScript" src="script/my_script.js"></script>
</body>
</html>

＆＃13;

my_script.js

＆＃13;

$("#submit").on('click',function(e){
	e.preventDefault();
	$.post(
            $("#myForm").attr("action"),
            $("#myForm :input").serializeArray(),
            function(info,status,xhr){
                $("#ack").empty();
                $("#ack").html(info);
                clear();
            
			});

    $("#myForm").submit( function(){
    return false;
	} );
});

function clear(){
    $("#myForm:input").each(function(){
        $(this).val("");
    });
}

＆＃13;

＆＃13; 我需要文本字段变得清晰。

Answer 1

好吧有时这是一个问题我会把你引用来自 scaisEdge 的答案但是如果你想用jQuery做这件事我想你必须改变这个：

function clear(){
    $("#myForm:input").each(function(){
        $(this).val("");
    });
}

到那个：

function clear(){
   $('form#myForm')[0].reset();
}

Answer 2

为什么不简单

function clear(){
  document.getElementById("myForm").reset();
}

或提交后如果您愿意

$("#myForm").submit( function(){
   document.getElementById("myForm").reset();
    return false;  
   } );
});

Answer 3

对于您的代码，更新您的选择器将起作用（从#myForm：input更改为#myForm输入或#myForm：input）：

 | id | lat1 | lon1 | lat2 | lon2 | lat3 | lon3 | lat4 | lon4 |
 --------------------------------------------------------------
 | 1  |  0   |  0   |  0   |  10  |  10  |  10  |  10  |  0   |
 | 2  |  50  |  50  |  50  |  60  |  60  |  60  |  60  |  50  |

但这是一个更简单的解决方案：

$("#myForm input").each(function () {
    // your code
})

Html输入字段不清楚，使用clear（）但不起作用

3 个答案: