如何检查用户是否尚未将数据输入表单（用于发送）？

Question

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

<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>

它将显示另一个

这是完整的代码： http : //wklej.org/id/927806/

Answer 1

最终，您将能够使用HTML5表单验证。 但是在那之前，请使用一些这样的jQuery代码。 （仅是因为您使用jQuery标记了问题。您可能可以使用Vanilla JS进行此操作。）

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

var fields = $('input')

$('form').submit(function(e){
    e.preventDefault()
    valid = true
    fields.each(function(){
        if ($(this).val() == null) {
            valid = false
        }
    });

    if (valid == true) {
        $('form').submit()
    } else {
        alert("At least one field was not valid!")
    }
});

Answer 2

if ( !$(this).val() ) {
  valid = false
}

也许这篇文章对您有用

Answer 3

1）在您的表单上添加

onsubmit="return validateForm(this);" 

2）验证功能（检查字段是否为空）

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