Postingan lainnya
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?
0
2 Jawaban:
Jawaban Terpilih
coba ini diganti <pre> //$('#submit').attr('disabled','false'); //diganti $('#submit').prop('disabled',false); </pre>
0
oh iya, gan makasi responnya, sudah clear masalahnya
0