我有一个表单，其中的字段预填充了默认值，如下所示:
<input type=text name=first value="First Name" class="unfilled" />
单击文本框时，类 unfilled 将从文本框中删除，文本框变为空白，以便用户可以输入他/她自己的信息。
问题是当提交表单时，它会使用这些默认值提交，这会扰乱服务器端验证。我该怎么做才能在提交表单时将所有具有默认值的字段设为空白，这样服务器端验证就会抛出错误:“请填写此字段”？
我正在尝试以下不起作用的代码:
$("#myForm").submit(function()
{
$(".unfilled").val('');
}
);
这确实会使字段为空，但服务器仍会使用之前的默认值接收它们。
最佳答案
我认为你只是有一个语法错误。您在 submit 方法中缺少右括号。
我刚刚做了这个，它工作正常
<!DOCTYPE html>
<html>
<body>
<?php
var_dump($_POST);
?>
<form action="test.php" method="post">
<input type="text" name="first" value="First Name" class="unfilled">
<input type="submit">
</form>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$('form').submit(function() {
$('.unfilled').val('');
});
});
</script>
</body>
</html>
关于javascript - 提交表单时如何更改文本框的值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4846410/