<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Form Validasi &#8211; Citra Air Nusantara (CAN)</title>
	<atom:link href="https://citanusantara.id/tag/form-validasi/feed/" rel="self" type="application/rss+xml" />
	<link>https://citanusantara.id</link>
	<description>Inovasi tanpa batas, solusi cerdas</description>
	<lastBuildDate>Sat, 28 May 2022 02:08:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://citanusantara.id/wp-content/uploads/2024/08/cropped-Icon-CAN-32x32.png</url>
	<title>Form Validasi &#8211; Citra Air Nusantara (CAN)</title>
	<link>https://citanusantara.id</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">236061052</site>	<item>
		<title>Form Validasi Pada Saat Insert Data Pada Codeigniter 4 #9</title>
		<link>https://citanusantara.id/2022/05/28/form-validasi-pada-saat-insert-data-pada-codeigniter-4-9/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 28 May 2022 02:08:59 +0000</pubDate>
				<category><![CDATA[CodeIgniter 4]]></category>
		<category><![CDATA[Pemrograman Web Lanjut]]></category>
		<category><![CDATA[Form Validasi]]></category>
		<category><![CDATA[Insert Data Pada Database]]></category>
		<guid isPermaLink="false">https://abdulrahmann.com/?p=733</guid>

					<description><![CDATA[Agar form input tidak bisa di inputkan data sembarangan, maka diperlukan validasi agar lebih aman. Caranya adalah dengan menambahkan validas pada controller Crud.php di method simpan seperti berikut ini : Setelah itu buat vlidasi tadi agar bisa ditangkap di halaman create, tambahkan code berikut pada controller create Selanjutnya supaya hasil validasi bisa ditampilkan, tambahkan code [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Agar form input tidak bisa di inputkan data sembarangan, maka diperlukan validasi agar lebih aman. Caranya adalah dengan menambahkan validas pada controller Crud.php di method simpan seperti berikut ini : </p>



<pre class="wp-block-code"><code>        // validasi input
        if (!$this->validate(&#91;
            'judul' => 'required|is_unique&#91;buku.judul]'
        ])) {
            $validation = \Config\Services::validation();
            return redirect()->to('/crud/create')->withInput()->with('validation', $validation);
        }</code></pre>



<p class="wp-block-paragraph">Setelah itu buat vlidasi tadi agar bisa ditangkap di halaman create, tambahkan code berikut pada controller create </p>



<pre class="wp-block-code"><code>        session();
        $data = &#91;
            'title' => 'Form Tambah Data Buku',
            'validation' => \Config\Services::validation()
        ];</code></pre>



<p class="wp-block-paragraph">Selanjutnya supaya hasil validasi bisa ditampilkan, tambahkan code berikut pada file create.php di folder views\buku\crud seperti berikut :</p>



<pre class="wp-block-code"><code>&lt;?= $validation->listErrors(); ?></code></pre>



<p class="wp-block-paragraph">maka hasilnya seperti gambar dibawah ini :</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="491" height="407" src="https://ngodingbareng.my.id/wp-content/uploads/2022/05/image.png" alt="" class="wp-image-736" srcset="https://citanusantara.id/wp-content/uploads/2022/05/image.png 491w, https://citanusantara.id/wp-content/uploads/2022/05/image-300x249.png 300w" sizes="(max-width: 491px) 100vw, 491px" /></figure>



<p class="wp-block-paragraph">Agar session(); bisa djalankan di setiap contorller, maka pindahkan session(); pada BaseController.php </p>



<p class="wp-block-paragraph">Selanjutnya kita akan merapikan hasil validasi tersebut agar bisa berada pada masing-masing inputan dengan cara memanfaatkan class yang ada pada bootstrap yaitu is-valid dan is-invalid, tambah code berikut pada file cretae.php</p>



<pre class="wp-block-code"><code>                &lt;div class="row mb-3">
                    &lt;label for="judul" class="col-sm-2 col-form-label">Judul&lt;/label>
                    &lt;div class="col-sm-10">
                        &lt;input type="text" class="form-control &lt;?= ($validation->hasError('judul')) ? 'is-invalid' : ''; ?>" id="judul" name="judul" autofocus>
                        &lt;div id="validationServer03Feedback" class="invalid-feedback">
                            &lt;?= $validation->getError('judul'); ?>
                        &lt;/div>
                    &lt;/div>
                &lt;/div></code></pre>



<p class="wp-block-paragraph">Hasilnya adalah</p>



<figure class="wp-block-image size-full"><img decoding="async" width="465" height="378" src="https://ngodingbareng.my.id/wp-content/uploads/2022/05/image-1.png" alt="" class="wp-image-739" srcset="https://citanusantara.id/wp-content/uploads/2022/05/image-1.png 465w, https://citanusantara.id/wp-content/uploads/2022/05/image-1-300x244.png 300w" sizes="(max-width: 465px) 100vw, 465px" /></figure>



<p class="wp-block-paragraph">Supaya pesan eror bisa kita ubah, lakukan langkah berikut:</p>



<pre class="wp-block-code"><code>        // validasi input
        if (!$this->validate(&#91;
            'judul' => &#91;
                'rules' => 'required|is_unique&#91;buku.judul]',
                'errors' => &#91;
                    'required' => '{field} buku harus di isi.',
                    'is_unique' => '{field} buku sudah terdaftar'
                ]
            ]



        ])) {
            $validation = \Config\Services::validation();
            return redirect()->to('/crud/create')->withInput()->with('validation', $validation);
        }
</code></pre>



<p class="wp-block-paragraph">Hasilnya adalah sebagai berikut </p>



<figure class="wp-block-image size-full"><img decoding="async" width="449" height="368" src="https://ngodingbareng.my.id/wp-content/uploads/2022/05/image-2.png" alt="" class="wp-image-742" srcset="https://citanusantara.id/wp-content/uploads/2022/05/image-2.png 449w, https://citanusantara.id/wp-content/uploads/2022/05/image-2-300x246.png 300w" sizes="(max-width: 449px) 100vw, 449px" /></figure>



<p class="wp-block-paragraph">Selanjutnya, agar inputan yang sudah di isi tidak hilang ketika error tambahkan methode old di setiap inputan, tambahkan pada file create.php seperti berikut :</p>



<pre class="wp-block-code"><code>value="&lt;?= old('judul'); ?>"</code></pre>



<p class="wp-block-paragraph">Lakukan pada setiap inputan, nanti hasilnya sebagai berikut :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="845" height="395" src="https://ngodingbareng.my.id/wp-content/uploads/2022/05/image-3.png" alt="" class="wp-image-745" srcset="https://citanusantara.id/wp-content/uploads/2022/05/image-3.png 845w, https://citanusantara.id/wp-content/uploads/2022/05/image-3-300x140.png 300w, https://citanusantara.id/wp-content/uploads/2022/05/image-3-768x359.png 768w" sizes="(max-width: 845px) 100vw, 845px" /></figure>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">733</post-id>	</item>
	</channel>
</rss>
