Cara Menghitung Sisa Karakter Input Form pada Codeigniter

Pada tutorial kali ini kita akan membahas Cara Menghitung Sisa Karakter Input Form pada Codeigniter, untuk menghitung sisa karakter input pada form kita akan menambahkan sebuah atribut pada field sesuai dengan jumlah maksimal, selanjutnya kita akan menghitung sisa karakter, maksimal yang dikurangi panjang karakter pada field, untuk melakukan proses perhitungan tersebut kita bisa memanfaatkan javascript.

nah biar teman-teman tidak bingung Cara Menghitung Sisa Karakter Input Form pada Codeigniter kita langsung saja masuk ke study casenya tentang Cara Menghitung Sisa Karakter Input Form pada Codeigniter.

Langkah pertama pastikan teman-teman semua telah meload sebuah helper form karena kita akan menggunakan form sebagai inputannya.
Setelah teman-teman load helper nya kita akan membuat sebuah controller dengan nama php seperti dibawah ini :

<?php class Karakter extends CI_Controller{
	function index(){
		$this->load->view('karakter');
	}
}

<?php class Karakter extends CI_Controller{

function index(){

$this->load->view('karakter');

}

Kemudian kita akan membuat input form nya pada views dengan nama karakter.php sepeti dibawah ini :

<!doctype HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-12"><br>
				<?php echo form_open() ?>
					<?php 
						echo form_label('Komentar :');
						$data = array(
						        'name'			=> 'karakter',
						        'id'            => 'exampleFormControlTextarea1',
						        'rows'    		=> '3',
						        'onKeyUp'       => 'hitungkarakter(karakter,sisa,120);',
						        'class'         => 'form-control'
						);
						echo form_textarea($data);
						$input = array(
						        'name'			=> 'sisa',
						        'value'         => '120',
						        'size'    		=> '3',
						        'disabled'       => ''
						);
						echo form_input($input).'karakter lagi tersisa.';
					?>
				<?php echo form_close() ?>
			</div>
		</div>
	</div>
</body>

<script>
	function hitungkarakter(field,sisa,maksimal){
	    field.maxLength=maksimal;
	    sisa.value = maksimal - field.value.length;
	}
</script>

</html>

<!doctype HTML>

<html>

<head>

<title>Document</title>

</head>

<body>

<?php echo form_open() ?>

<?php

echo form_label('Komentar :');

$data = array(

'name' => 'karakter',

'id' => 'exampleFormControlTextarea1',

'rows' => '3',

'onKeyUp' => 'hitungkarakter(karakter,sisa,120);',

'class' => 'form-control'

);

echo form_textarea($data);

$input = array(

'name' => 'sisa',

'value' => '120',

'size' => '3',

'disabled' => ''

);

echo form_input($input).'karakter lagi tersisa.';

<?php echo form_close() ?>

</div>

</body>

function hitungkarakter(field,sisa,maksimal){

field.maxLength=maksimal;

sisa.value = maksimal - field.value.length;

}

</script>

</html>

Jika kita jalankan pada browser maka akan terlihat seperti dibawah ini :

Oke teman-teman itulah pembahasan kita tentang Cara Menghitung Sisa Karakter Input Form pada Codeigniter, semoga bermanfaat.

Terimakasih.

Cara Menghitung Sisa Karakter Input Form pada Codeigniter

Facebook DUMET School

Konsultasi Gratis

Categories