الدرس التاسع فى الجافا سكريبت

Form Validation

وهى عبارة عن قيود توضع على الحقول الخاصة بملىء البيانات وهذة القيود لها العديد من الانواع فمثلا يمكن عمل قيد على حقل يلزم المستخدم بكتابة اى نص فية اى لا يتركة فارغ او عمل قيد على حقل يلزم المستخدم بادخال ايميل صحيح لاكمال عملية التسجيل فى الموقع وهكذا:

مثال(1):

<!DOCTYPE html>

<html>

<head>

<script>

function validateForm()

{

var x=document.forms[“myForm”][“fname”].value;

if (x==null || x==””)

{

alert(“First name must be filled out”);

return false;

}

}

</script>

</head>

<body>

<form name=”myForm” action=”form.php” onsubmit=”return validateForm()” method=”post”>

First name: <input type=”text” name=”fname”>

<input type=”submit” value=”Submit”>

</form>

</body>

</html>

مثال(2):

<!DOCTYPE html>

<html>

<head>

<script>

function validateForm()

{

var x=document.forms[“myForm”][“email”].value;

var atpos=x.indexOf(“@”);

var dotpos=x.lastIndexOf(“.”);

if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)

{

alert(“Not a valid e-mail address”);

return false;

}

}

</script>

</head>

<body>

<form name=”myForm” action=”form.php” onsubmit=”return validateForm();” method=”post”>

Email: <input type=”text” name=”email”>

<input type=”submit” value=”Submit”>

</form>

</body>

</html>

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: