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

时间:2012-12-17 18:22:48

标签: jquery forms validation

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

到目前为止

代码

    <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'));
});

Check the fiddle

编辑 - 是否有可能使其在提交前看不到增值,这可能会使人们对特定表格感到困惑。

4 个答案:

答案 0 :(得分:5)

试试这个:

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

这是JSFiddle

答案 1 :(得分:4)

您应该对表单元素使用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')
});

答案 2 :(得分:2)

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

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

答案 3 :(得分:0)

试试这个

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

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