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でタグを付けたからです。バニラ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 に答える