单击“提交”后,将所有空输入填入值

时间:2018-04-19 12:29:54

标签: javascript jquery

我有一个包含不同输入类型的表单(文本,单选按钮,选择,文本区域)。 表单是带有按钮的表,用于添加其他行,

how form looks

我担心的是,有时用户不会填写所有文字输入。如果输入为空,则在从插入值生成的下一步表中,跳过空表格单元格和混乱输出,例如:

output

是否可以在javascript / jquery中添加脚本,在单击提交按钮后,它会检查是否有空输入,如果是,则输入值,例如或 - 或任何其他。 我添加了默认值(),但有时用户可能会意外删除空格,这会混乱输出格式。因此,通过附加的“失败检查”,我将100%确定所有输入都已填满。 提供所需的输入不是一种选择。

谢谢

1 个答案:

答案 0 :(得分:0)

$(document).ready(function(){

  $("button").click(function(){
     $("form").find("input[type=text]").each(function(){
       if(!this.value)
         $(this).val("placeholder");
     });
  });
});

这样的东西应该适用于文本输入,如果需要,只需对textareas执行相同的操作