Ni adalah contoh javascript ( js ) yang biasa2 sahaja..kalau ada junior2 cs yang nk try..silakan..copy semua ni paste kan.pastu run mcm biasa.
<html>
<script>
function validate1()
{
var a=document.forms[0];
var b = a.nama.value;
var c = a.ic.value;
var d = a.age.value;
var e = a.gender.value;
var f = a.address.value;
var h = a.number.value;
var number1;
var output = document.getElementById('foo');
var output2 = document.getElementById('foo2');
var randomNumber1 = parseInt(output.innerHTML);
var randomNumber2 = parseInt(output2.innerHTML);
if(b === "")
{
alert ("Please insert your NAME");
return false;
}
if(d === "" || isNaN(d))
{
alert ("Please insert your AGE");
return false;
}
if(e === "Default")
{
alert ("Please Select One");
return false;
}
/*if(e === "Male")
{
if(c.charAt (11) % 2 == 0)
{
alert ("wrong gender");
return false;
}
}
if(e === "Female")
{
if(c.charAt (11) % 2 != 0)
{
alert ("wrong gender.Mybe wrong IC Number too.Please check");
return false;
}
}*/
if(f === "")
{
alert ("Please insert your ADDRESS");
return false;
}
if(h === "" || isNaN(h))
{
alert ("Please insert number");
return false;
}
h = parseInt(h,10);
//alert(randomNumber1);
//alert(randomNumber2);
number1=parseInt(randomNumber1, 10)+parseInt(randomNumber2,10);
// number1 = parseInt(number1,10);
if(parseInt(h,10) != parseInt(number1,10))
{
//alert(h);
//alert(number1);
alert ("Please wrong!!");
return false;
}
alert("OK");
return true;
}
function validateIc()
{
var a=document.forms[0];
var c = a.ic.value;
var g = c.substr(0,2);
var d = a.age.value;
var ans;
var ans2;
if(c === "" || isNaN(c))
{
alert ("Please insert your Ic Number");
return false;
}
if(c.length != 12)
{
alert ("Adoi salah laaa.IC= 12 digit");
return false;
}
if(g === "")
{
return alert("No input");
}
if(g >= 00 && g<=13)
{
ans2 = 13 - g;
return ans2;
}
else
{
ans = 113 - g;
return ans;
}
}
function selectGender()
{
alert(1);
var a = document.forms[0];
var p;
var q;
var c = a.ic.value;
var list = document.getElementById('gender');
if(c.charAt (11) % 2 == 0)
{
alert(c.charAt(11));
q = list.options[2].selected = true;
alert(q);
return q;
}
if(c.charAt (11) % 2 != 0)
{
alert(c.charAt(11));
q = list.options[1].selected = true;
alert(q);
return q;
}
}
function generateRandom()
{
var output = document.getElementById('foo');
var output2 = document.getElementById('foo2');
output.innerHTML = Math.floor(Math.random() * 10);
output2.innerHTML = Math.floor(Math.random() * 10);
}
function isInteger(value)
{
return (!isNaN(value) && Math.floor(value) === parseInt(value));
}
function focusMe()
{
document.getElementById("test1").value = "Your age is";
}
function blurMe()
{
// document.getElementById("test1").value = validateIc();
alert ("you have change");
}
function changeMe()
{
document.getElementById("test1").value = validateIc();
selectGender();
}
window.onload = generateRandom;
</script>
<form>
<table>
<tr>
<td>Name : </td>
<td></td>
<td><input type="text" name="nama" /> </td>
</tr>
<tr>
<td>Ic : </td>
<td></td>
<td><input type="text" name="ic" onfocus="focusMe();" onblur="blurMe();" onchange="changeMe();"/> </td>
</tr>
<tr>
<td>Age : </td>
<td></td>
<td><input type="text" name="age" id="test1"/> </td>
</tr>
<tr>
<td>Address : </td>
<td></td>
<td><input type="text" name="address" /> </td>
</tr>
<tr>
<td>Gender :</td>
<td></td>
<td><select name="gender" id="gender">
<option value="Default" id="one"> Select One</option>
<option value="Male" id="Male"> Male</option>
<option value="Female" id="Female"> Female</option>
</select></td>
</tr>
<tr>
<td>
<span id="foo"></span> +
<span id="foo2"></span> =
</td>
<td></td>
<td> <input type="text" name="number" /></td>
</tr>
<tr>
<td><input type="submit" name="submit" value="SUBMIT" onclick="javascript : validate1();"/></td>
<td><input type="reset" name="clear" value="CLEAR" /></td>
</tr>
</table>
</form>
</html>
No comments:
Post a Comment