4

この素晴らしい JavaScript を使用して、すべてのフィールドが入力されているかどうかを確認していますが、アラート ボックスの代わりにページにメッセージを表示したいと考えています。

$(document).ready(function() {
$('form').submit(function() {
    var incomplete = $('form :input').filter(function() {
                         return $(this).val() == '';
                     });
    //if incomplete contains any elements, the form has not been filled 
    if(incomplete.length) {
        alert('Vul alle velden in en probeer het nog eens');
        //to prevent submission of the form
        return false;
    }
 });
 });

エコーメッセージで遊んでみましたが、うまくいきませんでした。

4

7 に答える 7

4

フォームの上に非表示の div を挿入して、アラートの代わりに表示することができます

<div class="form-errors"></div>

$(".form-errors").text("The form is not complete").show();
于 2013-08-09T08:20:30.930 に答える
0 
<form action="" method="post">
<header>
<h2>My Form</h2>
<p>This is my form. Fill it out</p>
 </header>

 <!-- To make a responsive form each element of the form should be in a separate div.!-->
<div id="responsive">

   <div>
  <label for="name"> Enter your information below </label>
             <div><Input type="text" name="name" required placeholder="Sajid Mehmood"           width="100px;" autofocus></div>
       </div>


    </div>
   !-->




   <div>
   <div>
    <Input type="submit" value="Click me" onclick="msg()" >
   </div>
    </div>

  </div>
  </form>
于 2014-07-12T06:04:33.573 に答える
0

たとえば、次のような DOM を使用する必要があります。

$('#errorDiv').append("Error on element" + elementName);

エラー Div ('#errorDiv') を事前に定義する必要があります。

于 2013-08-09T08:20:24.097 に答える
0

他の回答で述べたように、DOM を操作する必要があります。ただし、時間があれば、jquery の行を単純にコピーして貼り付けるのではなく、実際の DOM とは何か、純粋な JavaScript でそれを操作する方法を調べることをお勧めします。出発点は次のとおりです。

https://developer.mozilla.org/en/docs/DOM

于 2013-08-09T08:28:33.243 に答える
0

要素に合わせて非表示の div を追加し、アラート ボックスの代わりに非表示の div にメッセージを表示します。

于 2013-08-09T08:23:58.707 に答える