»»-(¯`v´¯)-»FeRHaT ÖneR»»-(¯`v´¯)-»


	»»-(¯`v´¯)-»FeRHaT ÖneR»»-(¯`v´¯)-»

Navigasyon


	Form kodları

Dinamik text kutusu
Confirm-password validation

<html>
    <head>
    <title>Confirm-Password Validation</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <SCRIPT LANGUAGE=JAVASCRIPT>
					  function validate(form) {
					  if (form.username.value == "") {
					     alert("Username can not be empty");
					     return false; }
					  if (form.pwd.value == "" || form.pwd2.value == "") {
					     alert("Password can not be empty");
					     return false; }
					  if (form.pwd.value != form.pwd2.value) {
					     alert("Password and Password Confirmation Did Not Match");
					     return false; }
					  return true;
					  }
					  </SCRIPT>
    </head>
    <style type="text/css">
    TD {
    FONT-SIZE: 10px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #ffffff}
    .inputbox {FONT-SIZE: 10px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"}
    </style>
    <body bgcolor="#FFFFFF">
    <table width="400" border="0" cellpadding="3" cellspacing="0"><form name="myForm" method="post" action="" onSubmit="return validate(this)">
    <tr>
    <td align="right">Username</td>
    <td>
    <input type="text" name="username" size="16" class="inputbox">
    </td>
    </tr>
    <tr>
    <td align="right">Password</td>
    <td>
    <input type="password" name="pwd" size="16" class="inputbox">
    </td>
    </tr>
    <tr>
    <td align="right">Password Confirmation</td>
    <td>
    <input type="password" name="pwd2" size="16" class="inputbox">
    </td>
    </tr>
    <tr>
    <td align="right"> </td>
    <td>
    <input type="submit" name="Submit" value="Register" class="inputbox">
    </td>
    </tr></form>
    </table>
    </body>
    </html>

Karekter sınırlama
FORM VE AÇIKLAMA

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <style type="text/css">
    #hintbox{ /*CSS for pop up hint box */
    position:absolute;
    background-color: lightyellow;
    width: 150px; /*Default width of hint.*/
    padding: 3px;
    border:1px solid black;
    font:normal 11px Verdana;
    line-height:18px;
    z-index:100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
    }
    .hintanchor{ /*CSS for link that shows hint onmouseover*/
    font-weight: bold;
    color: navy;
    margin: 3px 8px;
    }
    </style>
    <script type="text/javascript">

/***********************************************
* Show Hint script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
		
var horizontal_offset="9px" //horizontal offset of hint box from anchor link

/////No further editting needed

var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}

function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}

function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
}

function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}

if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox

</script>
    </HEAD>
    <BODY>
    <form>
    <b>Username:</b> <input type="text" class="test" /> <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br />
    <b>Password:</b>  <input type="text" class="test" /> <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" class="hintanchor" onMouseover="showhint('Enter the desired password. <b>Must</b> be 8 characters or longer.', this, event, '200px')">[?]</a><br />
    </form>
    </BODY>
    </HTML>

Form ve sayı
Javascriptle form kontrol

<head><script language="vbscript">
function frm1_onsubmit()
frm1_onsubmit=true
set formum=document.frm1

if formum.adi.value="" then
msgbox("adı alanı bos olamaz")
frm1_onsubmit=false
exit function
end if

if formum.soyadi.value="" then
msgbox("soyadi alanı bos bırakamazsınız")
frm1_onsubmit=false
exit function
end if

if formum.sifre.value="" then
msgbox("sifre alanı bos bırakamazsınız")
frm1_onsubmit=false
exit function
end if

end function
</script></head>
    <form name="frm1" action="kayitisle.asp" method="post">
    <table border=1>
    Adınızı Giriniz <input name="adi" size=15 maxlength=15><BR>
    Soyadınızı Giriniz<input name="soyadi" size=15 maxlength=15> <BR>
    Özel Sorunuz<input name="ozelsoru" size=15 maxlength=10><BR>
    Özel cevap<input name="ozelcevap" size=15 maxlength=10><BR>
    sifrenizi giriniz<input type="password" name="sifre" size=15 maxlength=6> <BR>
    <input type="submit" name="gonder" value="GÖNDER">  <BR>
    <input type="reset" name="sil" value="SİL"><BR>
    </form>

Buton link
Eminmisiniz?
Kabul ediyorum

Bugün 1 ziyaretçi (22 klik) kişi burdaydı!

Sayfa hakkında

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol