[TOLONG] Scripts formulir yang ada form wajib di isi (*)

Assalamualaikum warohmatullahi wabarokatuh

Selamat pagi mastah ads.id semuanya.

Ane mau minta TOLONG nih kepada mastah semuanya, Semoga ada yang berkenan untuk membantu.

Ane lagi bantu ngedit web keluarga ane. skrg benahin form formulir lebih jelasnya seperti ini.

Spoiler

Jadi... keluarga ane itu maunya formulir tersebut di bagian form foto itu merupakan form yang wajib diisi.Jika pengunjung tidak memasukkan foto maka mereka harus mengulangi atau tidak bisa mengirimkan formulir tersebut.

Kira2 ada yang bisa TOLONG ane gak? apa yang harus ane lakukan. Terimakasih.
Wassalamualaikum Warohmatullahi Wabarokatuh

 

ini untuk semua form input ya gan?

// pertama ane ambil semua input sama button di tag body
ArrayInput = document.body.getElementsByTagName('input');
ArrayButton = document.body.getElementsByTagName('button');



var buttonKirim = ArrayButton[0],buttonBatal = ArrayButton[1];

//trigger/attach listener

buttonKirim.onclick = function(){
// trus check satu2 input pakek loop

for(var index = 0; Index < ArrayInput.length;Index++){
var element = ArrayInput[index]
//ini untuk input tipe text
if(element.type == 'text'){
//check input kalau kosng
if(element.value.length === 0){
alert('check input masih ada yang kosong')
return false;
break;
//untuk check masing2 input agan harus punya id biar ketahuan element input mana yang kosong
}
}

//ini untuk input tipe file 'upload'
if(element.type == 'file'){
if(element.value.length === 0){
alert('upload file masih kosong')
return false;
break;
}
}
}


// jika berhasil
// lakukan sesuatu
}

 

tinggal kasih atribute required di form input yang wajib di isi

Code:

<input required type="file" name="photo"/>

kalau mau lebih spesifik lagi yang mau di upload harus ekstesion apa pakai jquery

 

thank.... makasih atas infonya... hanya ane tambahin required kemarin ane pake itu juga... tapi pake class="required".

 

ane juga butuh ne..
buat form kayak pendaftaran cpns, mahasiswa

 

cara simplenya, karena ane belum biasa pake oop, cegat aja di form actionnya.

if (empty($_POST['gambar'])) {
echo "foto wajib diisi";
}
else { //lanjutkan prosedur proses data

}

CMIIW

 

Setuju sama cara agan ini, bila perlu lakukan pengecekan pada ektstensinya juga biar lebih aman