jquery 将不可写值保存到变量中？

Question

嘿伙计们， 我想知道如何以最好的方式解决这个问题： 我有一个将当前日期保存为值的表单。

<form class="form" method="post" action="">
        <input type="text" value="<?php echo date("m.d.y"); ?>"/>
</form>

我想知道如何用 jquery 保存这个值并在模糊后将其返回到字段。 想象一下以下情况。 1.) 该字段保存当前日期。 2.) 用户删除输入值并输入新值。 3.) 用户决定再次删除该值并在字段外部单击。然后它就模糊了，它应该保留原始值（日期）。

var cv = '';
$('input').focus(function() {
    cv = $(this).val();
});

$('input').blur(function() {
    if ( $(this).val() == '' ) {
        $(this).val(cv);
    }
});

解决这个问题的最佳方法是什么？我该如何解决这个问题？

Answer 1

您描述的模糊/焦点行为听起来像 HTML 中的 placeholder 属性。示例：

<input type="text" placeholder="e.g. John Doe">

因此，在您的情况下，您所要做的就是使用 placeholder 而不是 value：

<input type="text" placeholder="<?php echo date("m.d.y"); ?>">

您也可以同时使用它们：

<input type="text" value="<?php echo date("m.d.y"); ?>" placeholder="<?php echo date("m.d.y"); ?>">

这样，当页面已加载，但当字段被清除然后模糊时，当前日期将重新显示为占位符文本。

（请注意，您确实应该使用 进行日期输入，但这与您的问题无关。）

@placeholder 适用于最新的稳定版Chrome、Safari、Opera 和 Firefox 4。

对于本身不支持此属性的浏览器，您可以使用 JavaScript。

如果您使用 jQuery，则可以考虑使用 我的 jQuery 占位符插件 ，这是我见过的最强大的解决方案。这是一个演示页面：http://mathiasbynens.be/demo/placeholder

Answer 2

我会将原始值保存在 focus 上，但随后会加载页面 (onready)：

var cv;
$(function() {
    cv = $("input").val();
});