Question

所以我有一个输入字段，如果它是空白的，我希望它的值是“空”字，但是如果输入了任何值，我希望该值是输入值。我想使用javascript，任何想法如何做到这一点？

更新：抱歉，我认为我解释得不太好。我不是指占位符文本。我指的是它的捕获价值。所以如果它是空白的，那么捕获的val（）应该是“空”，如果它被填充，捕获的val（）应该是val（）

Answer 1

如果你使用纯JS，你可以这样做：

var input = document.getElementById('myInput');

if(input.value.length == 0)
    input.value = "Empty";

以下是演示：http://jsfiddle.net/nYtm8/

Answer 2

我猜这就是你想要的......

提交表单时，检查值是否为空，如果是，则发送value = empty。

如果是这样，你可以使用jQuery执行以下操作。

$('form').submit(function(){
    var input = $('#test').val();
    if(input == ''){
         $('#test').val('empty');
    }    
});

HTML

<form> 
    <input id="test" type="text" />
</form>

http://jsfiddle.net/jasongennaro/NS6Ca/

单击框中的光标，然后按Enter键以查看表单提交值。

Answer 3

您可以为表单的onSubmit事件设置回调函数，并检查每个字段的内容。如果它什么都没有，你可以用字符串“empty”填充它：

<form name="my_form" action="validate.php" onsubmit="check()">
    <input type="text" name="text1" />
    <input type="submit" value="submit" />
</form>

并在你的js：

function check() {
    if(document.forms["my_form"]["text1"].value == "")
        document.forms["my_form"]["text1"].value = "empty";
}

Answer 4

这可以使用HTML5的placeHolder或使用JavaScript来完成。结帐this post。

Answer 5

你可以这样做：

var getValue  = function (input, defaultValue) {
    return input.value || defaultValue;
};

Answer 6

我认为解决这个问题的最简单方法是，只需要在1或2个方框上使用它就可以使用HTML输入＆＃34; onsubmit＆＃34;功能。

检查一下，我会解释它的作用：

<input type="text" name="val" onsubmit="if(this == ''){$this.val('empty');}" />

因此我们创建了HTML文本框，为其指定了一个名称（在这种情况下为＆＃34; val＆＃34;然后我们添加了 onsubmit 代码，此代码检查要查看当前输入框是否为空，如果是，那么，在表单提交时，它将填充单词为空。

请注意，在使用HTML＆＃34; Placeholder＆＃34;时，此代码也应该能够正常运行。 tag作为占位符标记并没有实际为输入框指定值。

如果输入值为空，请使用Javascript指定值“empty”

6 个答案: