تمرین ۱: برنامه ای بنویسید که در یک تکست باکس از کاربر متن بگیرد و به حروف بزرگ تبدیل کند.
به عنوان مثال:
فرم ثبت نام
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
var msg = "";
var info = "";
function handler(){
var u = document.form1.txt1.value;
var p = document.form1.txt2.value;
var cp = document.form1.txt3.value;
if (u.length < 6 || u.length > 12)
msg += "user name must between 6 and 12 chars <br>";
if(p.length < 6)
msg += "password must be more than 6 chars <br>";
if(p != cp)
msg += "boat must be equall <br>";
if(msg == ""){
info = "user name is : " + u + "<br> and password is : " + p;
var newwin = window.open("","newwin","width=400 , height=400");
newwin.document.write("<p style='color: gray'>welcome to my site<br> " + info + "</p>");
return true;
}
else {
document.getElementById("demo").innerHTML = msg;
msg = "";
return false;
}
function cls(){
document.getElementById("demo").innerHTML = "";
document.getElementById("info").innerHTML = "";
}
}
</script>
<title>Untitled Document</title>
</head>
<body>
<form name="form1">
<fieldset>
<label>username:</label>
<input type="text" name="txt1">
<label>password:</label>
<input type="password" name="txt2">
<label>passworc again:</label>
<input type="password" name="txt3">
</fieldset>
<input type="button" value="Register" onClick="handler()">
<input type="reset" value="reset" onClick="cls()">
</form>
<p id="demo" style="color:blue" ></p><br>
<p id="info" ></p>
</body>
</html>
تمرین ۳:همانند فرم بالا فرمی درست کنید که ارور ها رو جلو تکست باکس نمایش دهد.