0

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

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

4

3 回答 3

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!")
    }
});
于 2013-01-16T23:59:23.760 回答
0 
if ( !$(this).val() ) {
  valid = false
}

也许这篇文章对你有用

于 2013-01-17T00:09:16.700 回答
0

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;
}
于 2013-01-17T00:19:42.170 回答