Javascript 如何检查用户是否未在表单中输入数据（发送前）？

我有一些关于姓名的输入表格：所有者、号码、城市

<input id="id_owner" type="text" name="owner" maxlength="250" />
<input id="id_number" type="text" name="number" maxlength="250" />
<input id="id_city" type="text" name="city" maxlength="250" />

如何检查用户是否未在不显示此对话框的表单（发送前）中输入数据，代码如下：

<a type="submit" name"save-continue-to-review" data-toggle="modal" data-target="#dialog" href=""
class="btn primary btn-primary" title="Order">Order
</a>

它将显示另一个

---

下面是完整的代码：

最终您将能够使用HTML5表单验证。但在此之前，请使用一些类似这样的jQuery代码。（只是因为你用jQuery标记了这个问题。你可以用vanilla JS来做。）

（未经测试的代码，但应该可以工作）

可能对您有用

1）将此添加到您的表单中

onsubmit="return validateForm(this);" 

2） 验证函数（检查字段是否为空）

函数validateform（formObj）
{
inputs=formObj.GetElementsByTagName（'input'）；
对于（i=0；i

$（this）.val（）

返回一个空字符串。您的

警报不准确，因为如果您使用此方法，多个字段可能无效。此外，您可能还想确定
$（'input'）
的范围。抱歉打扰了-pick@ricardo如果输入没有填写，它就会这样做：是的，应该填写。如果你写了一个JSFIDLE有这个问题，我可以进一步解决它。
if ( !$(this).val() ) {
  valid = false
}

onsubmit="return validateForm(this);" 

function validateform(formObj)
{
  inputs = formObj.GetElementsByTagName('input');

  for(i=0; i < inputs.length; i++)
  {
    if($.trim(inputs[i].value) == '')
    {
       alert('Field: ' + inputs[i].name + ' is empty!');
       return false;
    }
  }  
  return true;
}