2016-07-01 5 views
2

フォームの検証で有効かどうかを確認しますが、入力が有効な場合はすべての入力が有効とみなされます。 本当の場所に戻りましたが、何も変わりません。Javascriptフォームのバリデーションプレースホルダを使用して複数

ご協力いただければ幸いです。

<form action="me.php" method="post" id="myform" onsubmit="return(val());"> 
    <input type="text" name="name" placeholder="Nama Anda *" class="i-form na"/> 
    <input type="text" name="email" placeholder="Alamat E-mail *" class="i-from em"/> 
    <input type="text" name="subject" placeholder="Judul Pesan *" class="i-form su"/> 
    <textarea class="i-form isi" placeholder="Isi Pesan *"></textarea> 
    <input type="submit" value="Send" class="btn"></input> 

 function val(){ 
    var nama = $('.na').val(); 
    var email = $('.em').val(); 
    var subject = $('.su').val(); 
    var isi = $('.isi').val(); 
    if(nama === ''){ 
     $('.na').attr('placeholder','Masukkan Nama Anda'); 
     if(email === ''){ 
     $('.em').attr('placeholder','Masukkan E-mail Anda'); 
     if(subject === ''){ 
      $('.su').attr('placeholder','Masukkan subject Pesan'); 
      if(isi === ''){ 
       $('.isi').attr('placeholder','Masukkan Isi Pesan'); 
       return false;     
      } 
     } 
     } 
    } else { 
     return true; 
    } 
    } 
+0

あなたの「場合は、」ステートメントがネストされているが、これは必要とされていませんし、それが偽です。 'if'ステートメントは互いに別々になければなりません! – MHS

答えて

3

あなたが言うようにだけですべての入力を確認してください。

function val(){ 
    var nama = $('.na').val(); 
    var email = $('.em').val(); 
    var subject = $('.su').val(); 
    var isi = $('.isi').val(); 
    var flag = true; 
    if(nama === ''){ 
     $('.na').attr('placeholder','Masukkan Nama Anda'); 
     flag = false; 
    } 
    if(email === ''){ 
     $('.em').attr('placeholder','Masukkan E-mail Anda'); 
     flag = false; 
    } 
    if(subject === ''){ 
     $('.su').attr('placeholder','Masukkan subject Pesan'); 
     flag = false; 
    } 
    if(isi === ''){ 
     $('.isi').attr('placeholder','Masukkan Isi Pesan'); 
     flag = false;     
    } 
    return flag; 
} 
0
function val(){ 
var nama = $('.na').val(); 
var email = $('.em').val(); 
var subject = $('.su').val(); 
var isi = $('.isi').val(); 

if (nama && email && subject && isi) { 
    return true; 
} 
if(nama === ''){ 
    $('.na').attr('placeholder','Masukkan Nama Anda'); 
    if(email === ''){ 
    $('.em').attr('placeholder','Masukkan E-mail Anda'); 
    if(subject === ''){ 
     $('.su').attr('placeholder','Masukkan subject Pesan'); 
     if(isi === ''){ 
      $('.isi').attr('placeholder','Masukkan Isi Pesan'); 
      return false;     
     } 
    } 
    } 
} 
関連する問題