如何檢查用戶是否尚未將數據輸入表單（用於發送）？

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