get input radio jquery

untuk mengambil input dari radio button html menggunakan jquery maka
milan nama radio button nya

 <label><input type="radio" name="gender" value="male">Male</label>
<label><input type="radio" name="gender" value="female">Female</label 

untuk mengambil nilai dengan jquery berikut caranya :

 var radioValue = $("input[name='gender']:checked").val(); 

semoga berguna 🙂
referensi :

set checked checkbox html search by name and value

untuk set checkbox html dengan javascript dengan pencarian nama dan nilai menggunakn jquery berikut ini adalah caranya

$(“input[name=’namacheckbox’][value=’nilaicheckbox’]”).prop(‘checked’, true);

semoga berguna 🙂

referensi

Ditulis dalam jquery. Leave a Comment »

Membuat pattern regex pada javascript

untuk membuat sebuah pattren regex pada javascript ckup diawali dengan / dan ditutup / lalu ; misalnya

 
var pola = /[;1`]/;

variabel diatas sudah bisa dipakai sebagai pola untuk rumus regex anda , misal nya
 
var pola = /[;1`]/;

var str = 'cobat tes ini string1`1';

var result = str.match(pola); 


referensi :

https://stackoverflow.com/questions/13840143/jquery-check-if-special-characters-exists-in-string

Mengambil nama file upload dengan jquery

untuk mengambil nama file yang diupload dengan jquery kita dapat menggunakan kode ini

var str = $(‘#namaidinputfilenya’).val().split(‘\’).pop();

semoga berguna 🙂

referensi

https://stackoverflow.com/questions/6365858/use-jquery-to-get-the-file-inputs-selected-filename-without-the-path

get text selected html jquery

untuk mengambil text pada select html dengan jquery yang bsi kita lakukan adalah

misalh select html dinya idselectku

untuk mengambil text tersebut bisa dengan


$("#idselectku option:selected").text();

semoga berguna 🙂

referensi:

jquery append automatically complete tag html

jika anda menggunakan fungsi append pada jquery , fungsi ini biasanya akan melengkapi tag anda secara otomatis, misalnya anda melakukan custom html untuk

<span>

dan ketika kita memakai fungsi append jquery maka tag html tersebut akan berubah menjadi

 <span> </span>

tidak cocok bagi yang sedang melakukan custom tag dimana kita harus melengkapi tag penutup atau closing tag setelah kita lakukan operasi kita

solusinya adalah jangan gunakan fungsi append tapi masukkan pada variabel javascript,baru ditampilkan menggunakan  perintah append


var tampung data =''

bla bla bla....

kemudian baru lakukan append jika dirasa tag sudah perlu ditampilkan
semoga berguna 🙂

referensi :

tombol reset data pada datagrid jeasyui from button

reset-datagrid

untuk melakukan load datagrid dari sebuah button , kita akan seditik tricky yaitu memberi button reset dengan query pencarian kosong sehinga sama dengan kita meload data awal

seperti select * where data =”

berikut tabel htmlnya datagridnya , kita akan meload data dari datagrid dengan


<table id="dg" title="Menu Data Kategori" class="easyui-datagrid" style="width:700px;height:250px"
url="alamatloaddata"
toolbar="#toolbar" pagination="true" loadMsg="Loading!..."
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="id" hidden='true' width="50">ID</th>
<th field="kat" width="50">Kategori</th>
</tr>
</thead>
</table>

<div id="toolbar">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">Tambah Kategori</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit Kategori</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">Delete Kategori</a>
<span>Kategori:</span>
<input id="cari" style="line-height:26px;border:1px solid #ccc">

<a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>
<span style="float:right;padding:5px">
<a href="#" class="easyui-linkbutton" plain="true" onclick="reset()">Reset</a>
</span>
</div>
<!-- form save -->
<div id="dlg" class="easyui-dialog" style="width:500px;height:200px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">Isi untuk menambah kategori</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>Nama Kategori</label>
<input name="kat" class="easyui-textbox" type="text">
<input name="id" type="hidden">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="save()" style="width:90px">Simpan</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Batal</a>
</div>

 

file resetnya


function reset(){
$('#cari').val('');
$('#dg').datagrid('load',{
cari: $('#cari').val()

})

untuk mengkaitkan tombol reset dengan load datanya tulis onclick=”reset()” seperti pada kode dibawah ini

<a href=”#” class=”easyui-linkbutton” plain=”true” onclick=”reset()”>Reset</a>

$(‘#dg’).datagrid(‘load’,{
cari: $(‘#cari’).val()

})

adalah kode untuk meload data grid ke url yang telah dipasang dengan membawa variabel cari dengan metode post

semoga berguna 🙂

referensi

cek isi json obyek dengan javascript

untuk cek apakah obyek json berisi atau tidak  dengan javascript anda dapat menggunakan

jika pake jquery


jQuery.isEmptyObject({});
//jika kosong akan menghasilkan nilai true

jika pakai javascript

function isEmpty(obj) {
for(var prop in obj) {
if(obj.hasOwnProperty(prop))
return false;
}

return true && JSON.stringify(obj) === JSON.stringify({});
}

semga berguna 🙂

referensi :

filter untuk input numerik dengan javascript

kode sederhana untuk filter dengan javascript untuk input numerik, kita gunakan regex dan fungsi javascript

<html>
<body>
<script>
function textCounter(f) {

f.value = f.value.replace(/\D/ig,'');

}</script>

<form>

<input type='textbox' onKeyDown="textCounter(this)"
onKeyUp="textCounter(this)" >

</form>

</body>
</html>

semoga berguna 🙂

Dasar Regex

regex biasa digunakan untuk filtering, mencari suatu pola dalam sebuah string dan menggantinya

kali ini kita gunakan dibawah ini html  untuk tesnya

<!DOCTYPE html>
<html>
<body>

<script>
var str = "ini string yang mau dicari";  // diganti dengan string anda
var regg = /s..i/g;    // diganti dengan regex anda
document.write(str.match(regg));

</script>

</body>
</html>
 

atau kalou mau coba online bisa disini http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_regexp_i

sintak regex terdiri dari delimiter,pattern,modifier

contoh /hallo/g

/ = delimiter (digunakan untuk menentukan dimana pattern berawal dan berakhir)
hallo = pattern (pola string yang ingin ditemukan atau dicocokan)
g = modifier (mode regex meng-handlehasil pencarian string atau teks)

Modifier

terdiri dari GlobalCase-insensitive dan Multiline.

jika tanpa modifier (modifier dikosongi) berarti ini mode standart artinya
akan dicari hanya satu kata yang sama saja, sisanya akan diabaikan pada mode standar berlaku case sensitiv (huruf besar / kecil)

contoh

<script> var str = "Ini ini ini yang mau dicari";
 var regg = /ini/;
 document.write(str.match(regg));
 </script>
hasilnya : ini
 

walaupun karakter ini ada banyak tetapi tertulis satu dan yang diambil karekter Ini
karena kita memakai mopdifier standart (modifier yang dikosongi dan sifatnya case sensitif)

modifier g bersifat semua yang sama

modifier i bersifat incasesensitif biasanya digabungkan dengan modifier g menjadi ig

Wilcard

titik (.) dalam regex adalah wilcard artinya dapat mempunyai kecocokan dengan apapun  kecuali baris baru(“\n”) , satu wilcard hanya cocok dengan satu charakter

contoh

<script> var str = "string";
 var regg = /s.r/;
 document.write(str.match(regg));
 </script>
hasilnya : str
//jika ingin lebih maka tambahkan karekter wilcardnya misal
var regg = /s...n/;
hasilnya :strin
 

Caping ^  digunakan untuk mengecek kesamaan padaawal kalimat

contoh

<script> var str = "adastring";
 var regg = /ada/;
 document.write(str.match(regg));
 </script>
hasilnya : ada

<script> var str = "stringada";
 var regg = /ada/;
 document.write(str.match(regg));
 </script>
hasilnya : null ( tidak ditemukan)
 

bersambung
referensi :

http://belajarwebdesign.com/web-programming/mengenal-regular-expression/

http://bisakomputer.com/tutorial-php-pengenalan-dasar-dasar-regex/

http://blog.haqqi.net/2011/07/pengenalan-regex-php/

http://www.w3schools.com/js/js_obj_regexp.asp