jquery - Jquery如果输入为空添加值并提交

Question

我已经打猎了，但无法让它发挥作用。如果表单上的输入为空，则需要为其添加一个值，然后提交，如果它已经有一个值，则使用该值提交。

到目前为止的代码

    <form name="form1" action="http://csster.com/generate.php" method="post" id="formit">
Name: <input name="name" type="text" /><br/>
Mothers Name: <input id="desti" name="mname" type="text" /><br/>
Fathers Name: <input name="fname" type="text" /><br/>
<input name="submit" type="submit" value="Submit" />
</form>


    $("#formit").submit(function(){
        if($("#desti:empty").text('Australia'));
});

检查小提琴

编辑 - 是否可以使它在提交之前不可见附加值，它可能会使特定表单上的人感到困惑。

Answer 1

试试这个：

$("#formit").submit(function(){
     if ( $("#desti").val().length === 0 ) 
            $("#desti").val('Australia');
 });

这是JSFiddle

Answer 2

您应该val对表单元素使用方法。

$("#formit").submit(function(){
    $("#desti").val(function(i, v){
        return $.trim(v) === '' ? 'Australia' : v;
    })
});

---

$("#formit").submit(function(){
    var $e = $("#desti");
    if ($e.val() === '') $e.val('Australia').addClass('aClass')
});

Answer 3

您可以使用 val() 获取输入值并使用 val() 设置

$("#formit").submit(function(){
    if($("#desti").val() === '')$("#desti").val('Oz')  
});

Answer 4

试试这个

$("#formit").submit(function(){

if ($('#desti').is(":empty")) { $('#desti').val('Australia'); } });