Scribd Logo
Upload

Welcome to Scribd!

  • Source Code CSS

    Uploaded by

    deviwedayanti
    5 views5 pages
    tes

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    tes

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views5 pages

    Source Code CSS

    Uploaded by

    deviwedayanti
    tes

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    Source Code CSS

    <style type="text/css">
    body {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    }
    .button_contact
    {
    border: 1px solid #dddddd;
    border-radius: 8px;
    width: 134px;
    padding: 20px 10px;
    background-color: #dddddd;
    text-align:center;
    -webkit-transition: 0.2s; /* For Safari 3.1 to 6.0 */
    transition: 0.2s;
    }
    </style>

    Script diatas merupakan source code untuk css pada tampilan form, dimana untuk body
    dengan font family Georgia, "Times New Roman", Times, serif, font-size: 12px;. Dan terdapat
    class untuk desain pada tombol reset dan submit.

    Source Code Java Script

    <script type="text/javascript">

    function validAngka(a)
    {
    if(!/^[0-9.]+$/.test(a.value))
    {
    a.value = a.value.substring(0,a.value.length-1000);
    }
    }
    function valregister(){
    var x=register.txtusername.value;
    var x1=parseInt(x);
    if(register.txtusername.value==""){
    alert("Nama masih kosong");
    x.style.color="red";
    register.txtusername.focus();
    return false;
    }
    if(isNaN(x1)==false){
    alert("Nama harus huruf");
    x1.style.color="red";
    register.txtusername.focus();
    return false;
    }
    var x=register.alamat.value;
    if(register.alamat.value==""){
    alert("Alamat masih kosong");
    register.alamat.focus();
    return false;
    }
    var x=register.jk.value;
    if(register.jk.value=="0"){
    alert("Jenis Kelamin kosong");
    register.jk.focus();
    return false;
    }
    var x=register.txtemail.value;
    if(x==""){
    alert("Alamat Email masih kosong");
    register.txtemail.focus();
    return false;
    }else{
    var atpos=x.indexOf("@");
    var dotpos=x.lastIndexOf(".");
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
    alert("Alamat Email Tidak Valid");
    register.txtemail.focus();
    return false;
    }
    }
    var z=register.txtpassword.value;
    var panjang=z.length;
    if(register.txtpassword.value==""){
    alert("Sandi masih kosong");
    register.txtpassword.focus();
    return false;
    }
    if(panjang<6 || panjang>8){
    alert("Sandi minimum 6 karakter dan maksimum 8
    karakter");
    register.txtpassword.focus();
    return false;
    }
    var jk=document.getElementById('jk').selectedIndex;

    if(jk==0){
    err.innerHTML="Harap Pilih Jenis Kelamin" ;
    return false;

    }
    return true;

    Source code diatas merupakan javascript yang memproses validasi setiap textfield pada
    form mahasiswa. Dimana terdapat dua fungsi yaitu validangka() untuk memvalidasi nim, dan
    valregister() untuk memvalidasi selain nim tidak boleh kosong. Untuk nama, nim, dan alamat
    menggunakan tipe textbox dan untuk jenis kelamin menggunakan tipe combobox sedangkan
    untuk tombol reset dan submit menggunakan tipe button.

    Source Code HTML

    </script>
    </head>
    <body>
    <form name="register" action="" method="post" enctype="multipart/form-data"
    onSubmit="return valregister()">
    <br />
    <table align="left" width="364" border="0">
    <tr>
    <td colspan="6" bgcolor="#660099">&nbsp;</td>
    </tr>
    <tr>
    <td width="113">Nama</td>
    <td width="241"><label>
    <input name="txtusername" type="text" id="txtusername" value=""
    onfocus="this.style.color='green'"/></label></td>
    </tr>
    <tr>
    <td height="32">NIM</td>
    <td><label>
    <input name="text" type="text" onkeyup="validAngka(this)">
    </label></td>
    </tr>
    <tr>
    <td height="32">Email</td>
    <td><input type="text" name="txtemail" id="txtemail" size="30"
    maxlength="50"></td>
    </tr>

    <tr>
    <td height="40">Jenis Kelamin</td>
    <td>
    <label></label>
    <label></label>
    <select id="jk" name="jenis_kelamin">

    <option value="0"> -pilih-</option>


    <option>Laki-laki</option>
    <option>Perempuan</option>
    </select>
    </tr>
    <tr>
    <td width="113">Alamat</td>
    <td width="241"><label>
    <input name="alamat" type="text" id="alamat" value="" /></label></td>
    </tr>
    <td align="right">
    <input class="button_contact" name="reset" type="reset"
    value="Reset">&nbsp&nbsp
    <input class="button_contact" name="save" type="submit"
    value="Simpan"></td>

    </table>
    </form>
    </body>
    </html>

    Screenshoot Form Registrasi

    You might also like