validasi form bootstrap dengan jquery

struktur htmlnya seperti ini :

<form class="register" action="" method="post" id="form-reg">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon" id="ikon_nama"><i class="fa fa-user-circle"></i></div>
<input id="nma" class="form-control" data-validation="required" type="text" name="user_nama" placeholder="Nama Lengkap" autocomplete="true">
</div>
<span id="nma_err" class="text-danger"></span>
</div>
<div class="form-group">
<button id="submit" class="btn btn-success btn-lg btn-block" type="submit" name="register">Daftar</button>
</div>
</form>

jquery scriptnya seperti ini :

 $(document).ready(function(){
   // nama
   $('#nma').keyup(function() {
      var user_nama = $('#nma').val();
      if (user_nama == '') {
         $(this).css('borderColor', '#ff0000');
         $('#submit').attr('disabled','true');
         $('#nma_err').text('*nama tidak boleh kosong !');
      } else if(user_nama.length <= 4){
         $(this).css('borderColor', '#ff0000');
         $('#submit').attr('disabled','true');
         $('#nma_err').text('*nama paling tidak harus lebih dari 4 karakter !');
      } else if(user_nama.match(/[0-9]/)){
         $(this).css('borderColor', '#ff0000');
         $('#submit').attr('disabled','true');
         $('#nma_err').text('*nama hanya boleh menggunakan huruf [a-z/A-Z] !');
      } else {
         $(this).css('borderColor', '#2eb82e');
         $('#submit').attr('disabled','false');
         $('#nma_err').text('');
      }
   });

yg mau saya tanyakan begini gan, kenapa saat kondisi yang seharusnya sudah masuk dalam pernyataan else (memenuhi syarat untuk disubmit), tombol submitnya masih tetap disabled?

avatar ngadiono
@ngadiono

27 Kontribusi 14 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

coba ini diganti <pre> //$('#submit').attr('disabled','false'); //diganti $('#submit').prop('disabled',false); </pre>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

oh iya, gan makasi responnya, sudah clear masalahnya

avatar ngadiono
@ngadiono

27 Kontribusi 14 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban