Selasa, Desember 20, 2011

Javascript Peringatan Pada Form

Kali ini saya akan membahas tentang bagaimana memberikan alert ketika mengisikan form yang belum lenkap. Berikut ini scriptnya, namun ini contoh yang sederhana.

<html>
<head>
<title>faruzone</title>
<script>
function checkrequired(which){
var pass=true
if (document.images){
for (i=0;i<which.length;i++){
var tempobj=which.elements[i]
if (tempobj.name.substring(0,8)=="required"){
if ((tempobj.type=="text")&&tempobj.value==''){
pass=false
break
}}}}
if (!pass){
alert("Form belum di isi dengan lengkap. Silahkan melengkapinya terlebih dahulu!!")
return false
}
else return true
}
</script>
</head>
<body>
                <form method="POST" onSubmit="return checkrequired(this)">
                                <div align="left"><table border="0" cellspacing="3" cellpadding="0">
                                <tr>
                                                <td><strong>Nama: </strong></td>
                                                <td><input type="text" name="requiredname" size="20"> *</td>
                                </tr>
                                <tr>
                                                <td><strong>Email: </strong></td>
                                                <td><input type="text" name="requiredemail" size="20"> *</td>
                                </tr>
                                <tr>
                                                <td valign="top" align="left"><strong>Komentar: </strong></td>
                                                <td><textarea rows="5" name="S1" cols="20"></textarea></td>
                                </tr>
                                <tr>
                                                <td valign="top" align="left"></td>
                                                <td><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></td>
                                </tr>
                                </table>
                                </div>
                </form>
</body>
</html>

hasilnya :















0 komentar:

Posting Komentar