Tutorial PHP Pemula & Mahir

Question

Tanya varifikasi form dengan javascript

Ikram Shabri · Aug 14, 2012

Misi gan mau tanya, jika kita ingin ketika semua field sudah diisi dan kita menekan tombol submit, maka akan muncul popup message yang menyatakan bahwa pesan sudah diterima dan akan muncul halaman proses first.php yang berupa pesan yang isinya field2 yang sudah kita isi sebelumnya.

    <?php
    echo"
    <script type=\"text/javascript\">
    function saveForm(){
    if(document.getElementById('name').value == ''){
    alert('Name must be filled');
    document.getElementById('name').focus();
    return false;
    }
    if(document.getElementById('phone_number').value == ''){
    alert('Phone Number must be filled');
    document.getElementById('phone_number').focus();
    return false;
    }
    if(document.getElementById('message').value == ''){
    alert('Message must be filled');
    document.getElementById('message').focus();
    return false;
    }
 
    document.getElementById('fff').submit();
    }
    </script>
    ";
     
    echo"
     
    $no
    <form name=fff action=first.php method=post enctype=multipart/form-data>
    <table>
    <tr>
    <td>Name</td><td> : </td><td><input type=text id=name name=name size=40 style=\" font: arial; font-size: 14px;\"></td>
    </tr>
    <tr>
    <td>Phone Number</td><td> : </td><td><input type=text id=phone_number name=phone_number size=40 style=\" font: arial; font-size: 14px;\"></td>
    </tr>
    <tr>
    <td>Nature of Call</td><td> : </td><td><textarea id=message name=message cols=50 rows=5 style=\" font: arial; font-size: 16px; font-weight: bold;\"></textarea></td>
    </tr>
    <br><br><center><input type=submit value=Send name=kirim onclick=\"saveForm(); return false ;\"></center></td>
    </table>
    </form>
    ";
    ?>

Mohon bantuannya....

Thanks,

Silahkan login untuk menjawab!

Answer 1

0

caul · Aug 14, 2012 · 0 Suka · 0 Tidak Suka

tinggal di tambah 'alert confirm box' atau event 'alert' saja mas pada halaman tujuan kalo halaman awalnya sudah memakai verifikasi,,
tapi catatan verifikasinya harus bener2 optimal dan halaman tujuan hanya dapat di akses oleh halaman verifikasi tersebut...
mungkin untuk lebih jelasnya mas ellyx akan menerangkan..

Answer 2

0

Ellyx Christian · Aug 14, 2012 · 0 Suka · 0 Tidak Suka

tinggal tambahkan alert sebelum baris
document.getElementById('fff').submit();
seperti

<?php
echo"
    <script type=\"text/javascript\">
    function saveForm(){
    if(document.getElementById('name').value == ''){
    alert('Name must be filled');
    document.getElementById('name').focus();
    return false;
    }
    if(document.getElementById('phone_number').value == ''){
    alert('Phone Number must be filled');
    document.getElementById('phone_number').focus();
    return false;
    }
    if(document.getElementById('message').value == ''){
    alert('Message must be filled');
    document.getElementById('message').focus();
    return false;
    }
 alert('data sudah diterima');
    document.getElementById('fff').submit();
    }
    </script>
    ";
// kode selanjutnya----------