עזרה בביצוע וידוי לשדות בטופס באמצעות JavaScript - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

עזרה בביצוע וידוי לשדות בטופס באמצעות JavaScript


ISmile4U

Recommended Posts

שלום,

הובכן בניתי טופס ב asp שבגדול הוא בעצם HTML עכשיו אני רוצה לעשות לו וידוי לפני שהוא נשלח כלומר שהוא יבדוק שדות רלוונטים שיש חובה למלאם.

על כן כתבתי סקירפט ב JavaScript שאמור לעשות זאת העיניין שהוא מישום מה לא מצליח לעשות לי וידוי לשדות בטופס שהם מסוג select.

אז הינה אני מצרף לכם את הקוד של הדף ואני עודה לעזרתם המהירה אם אפשר בפיתרון בעייתי.

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1255"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>ביטוח - הצעת מחיר לביטוח רכב</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">

<style type="text/css">

<!--

.style1 {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

}

.style3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: large; }

.style4 {font-family: Arial, Helvetica, sans-serif}

.style5 {

font-size: large;

font-weight: bold;

}

-->

</style>

<script language="JavaScript">

<!--

var phonexp =  /^\d{9}$/

//var emailexp = /^[a-z][a-z_0-9\.]+@[a-z_0-9\.]+\.[a-z]{3}$/i

var emailexp = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/

var newphone = ""

//פונקציות עזר לבדיקת ביטוים

function isValid(pattern, str) {

return pattern.test(str)

}

function hasLetter(str) {

return letterexp.test(str)

}

function hasChar(str) {

return charexp.test(str)

}

function stripChars(pattern, str) {

return str.replace(pattern,"")

}

function stripNonDigits(str) {

return str.replace(/[^0-9]/g,"")

}

//

function Validate(form)

{

if (form.FullName.value == "")

{

alert("!נא להזין את שמך המלא");

form.FullName.focus();

return false

}

else

if (form.Address.value == "")

{

alert("!נא להזין את כתובתך המלאה");

form.Address.focus();

return false

}

else

if (form.Phone.value == "")

{

alert("!נא להזין מספר טלפון");

form.Phone.focus();

return false

}

else

if (form.MobilePhone.value == "")

{

alert("!נא להזין מספר הטלפון הנייד");

form.MobilePhone.focus();

return false

}

else

if (form.Email.value == "")

{

alert("!E-mail נא להזין כתובת");

form.Email.focus();

return false

}

else

if (!isValid(emailexp,form.Email.value)) {

alert("!כתובת הדואר האלקטרוני שהוזנה שגויה")

form.Email.focus()

return false

}

else

if (form.offer_type.checked == false)

{

alert("!נא לסמן את סוג ההצעה המבוקשת");

form.offer_type.focus();

return false

}

else

if (form.manufacturer_name.value == "")

{

alert("!נא להזין את שם יצרן הרכב");

form.manufacturer_name.focus();

return false

}

else

if (form.model.value == "")

{

alert("!נא להזין את מודל הרכב");

form.model.focus();

return false

}

else

if (form.manufacture_year.value == "")

{

alert("!נא להזין את שנת יצור הרכב");

form.manufacture_year.focus();

return false

}

else

if (form.engine_capacity.value == "")

{

alert("!נא להזין את נפח המנוע");

form.engine_capacity.focus();

return false

}

else

if (form.year.value == "")

{

alert("!נא להזין את השנה");

form.year.focus();

return false

}

else

if (form.current_year_claims.options[selectedIndex].value == "")

{

alert("!נא לסמן את מספר התביעות בשנה הנוכחית");

form.current_year_claims.focus();

return false

}

else

if (form.last_year_claims.options[selectedIndex].value == "")

{

alert("!נא לסמן את מספר התביעות בשנה שעברה");

form.last_year_claims.focus();

return false

}

else

if (form.tree_years_ago_claims.options[selectedIndex].value == "")

{

alert("!נא לסמן את מספר התביעות לפני 3 שנים");

form.tree_years_ago_claims.focus();

return false

}

else

if (hasChar(form.Phone.value)) {

newphone = stripNonDigits(form.Phone.value)

notvalid = !isValid(phonexp,newphone)

}

if (newphone == "" || notvalid) {

alert("!מספר הטלפון שהוזן כולל הקידומת אינם תקינים")

form.Phone.focus()

return false

}

return true;

}

//-->

</script>

</head>

<body bgcolor="#FF9933">

<table border="0" cellpadding="0" cellspacing="0" width="700" align="center">

<tr nowrap>

<td nowrap>

<form action="insurance_form_send.asp" method="post" name="insurance_form" id="insurance_form" onSubmit="return Validate(this)">

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <th align="right">

   <span class="style3"> :פרטים ליצירת קשר </span>

   </th>

   <tr nowrap>

     <td nowrap  width="82%"><div align="right">

         <input name="FullName" type="text" id="FullName" dir="rtl">

       </div></td>

     <td nowrap  width="18%"><div align="right" class="style1">:שם מלא </div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="Address" type="text" id="Address" dir="rtl">

       </div></td>

     <td nowrap><div align="right" class="style1">:כתובת</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="Phone" type="text" id="Phone">

       </div></td>

     <td nowrap><div align="right" class="style1">:טלפון</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="MobilePhone" type="text" id="MobilePhone">

       </div></td>

     <td nowrap><div align="right" class="style1">:טלפון נייד</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="Fax" type="text" id="Fax">

       </div></td>

     <td nowrap><div align="right" class="style1">:פקס</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="WorkPhone" type="text" id="WorkPhone">

       </div></td>

     <td nowrap><div align="right" class="style1">:טלפון עבודה </div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="Email" type="text" id="Email">

       </div></td>

     <td nowrap><div align="right" class="style1">:דואל</div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="70%"><div align="right"> <span class="style1">מקיף</span>

         <input name="offer_type" type="checkbox" id="offer_type" value="מקיף">

       </div></td>

     <td nowrap  width="30%"><div align="right" class="style1">:סוג ההצעה המבוקשת </div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right"> <span class="style1">צד ג</span>

         <input name="offer_type" type="checkbox" id="offer_type" value="צד ג">

       </div></td>

     <td nowrap><div align="right"></div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right"> <span class="style1">חובה</span>

         <input name="offer_type" type="checkbox" id="offer_type" value="חובה">

       </div></td>

     <td nowrap><div align="right"></div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <th align="right">

   <span class="style3"> :פרטי הרכב </span>

   </th>

   <tr nowrap>

     <td nowrap><div align="right">

         <select name="car_type" id="car_type" dir="rtl">

           <option value="פרטי">פרטי</option>

           <option value="מסחרי">מסחרי</option>

         </select>

       </div></td>

     <td nowrap><div align="right" class="style1">:סוג הרכב </div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="manufacturer_name" type="text" id="manufacturer_name">

       </div></td>

     <td nowrap><div align="right" class="style1">:שם היצרן </div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="model" type="text" id="model">

       </div></td>

     <td nowrap><div align="right" class="style1">:דגם</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="manufacture_year" type="text" id="manufacture_year">

       </div></td>

     <td nowrap><div align="right" class="style1">:שנת יצור </div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <select name="engine_type" id="engine_type" dir="rtl">

           <option value="בנזין">בנזין</option>

           <option value="דיזל">דיזל</option>

         </select>

       </div></td>

     <td nowrap><div align="right" class="style1">:מנוע</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <select name="gear_type" id="gear_type" dir="rtl">

           <option value="ידני">ידני</option>

           <option value="אוטומטי">אוטומטי</option>

         </select>

       </div></td>

     <td nowrap><div align="right" class="style1">:גיר</div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <input name="engine_capacity" type="text" id="engine_capacity">

       </div></td>

     <td nowrap><div align="right" class="style1">:נפח מנוע </div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <th align="right">

   <span class="style3"> :תקופת הביטוח </span>

   </th>

   <tr nowrap>

     <td nowrap><div align="right">

         <p><span class="style1"> שנה/חודש/יום</span><span class="style1">

           <select name="day" id="day">

             <option value="1">1</option>

             <option value="2">2</option>

             <option value="3">3</option>

             <option value="4">4</option>

             <option value="5">5</option>

             <option value="6">6</option>

             <option value="7">7</option>

             <option value="8">8</option>

             <option value="9">9</option>

             <option value="10">10</option>

             <option value="11">11</option>

             <option value="12">12</option>

             <option value="13">13</option>

             <option value="14">14</option>

             <option value="15">15</option>

             <option value="16">16</option>

             <option value="17">17</option>

             <option value="18">18</option>

             <option value="19">19</option>

             <option value="20">20</option>

             <option value="21">21</option>

             <option value="22">22</option>

             <option value="23">23</option>

             <option value="24">24</option>

             <option value="25">25</option>

             <option value="26">26</option>

             <option value="27">27</option>

             <option value="28">28</option>

             <option value="29">29</option>

             <option value="30">30</option>

             <option value="31">31</option>

           </select>

           /

           <select name="month" id="month">

             <option value="1">1</option>

             <option value="2">2</option>

             <option value="3">3</option>

             <option value="4">4</option>

             <option value="5">5</option>

             <option value="6">6</option>

             <option value="7">7</option>

             <option value="8">8</option>

             <option value="9">9</option>

             <option value="10">10</option>

             <option value="11">11</option>

             <option value="12">12</option>

           </select>

           /</span>

           <input name="year" type="text" id="year">

         </p>

       </div></td>

     <td nowrap><div align="right" class="style1">:החל מיום </div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="82%"><div align="right">

         <select name="driver_detail" id="driver_detail" dir="rtl">

           <option value="נהג יחיד">נהג יחיד</option>

           <option value="נהגת יחידה">נהגת יחידה</option>

           <option value="בני זוג">בני זוג</option>

           <option value="שני הגים">שני נהגים</option>

           <option value="כל נהג">כל נהג</option>

         </select>

       </div></td>

     <td nowrap  width="18%"><div align="right" class="style1">:פרטי הנהגים </div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="70%"><div align="right">

         <select name="young_driver_age" id="young_driver_age">

           <option value="17">17</option>

           <option value="18">18</option>

           <option value="19">19</option>

           <option value="20">20</option>

           <option value="21">21</option>

           <option value="22">22</option>

           <option value="23">23</option>

           <option value="24">24</option>

           <option value="25">25</option>

           <option value="26">26</option>

           <option value="27">27</option>

           <option value="28">28</option>

           <option value="29">29</option>

           <option value="30">30</option>

           <option value="31">31</option>

           <option value="32">32</option>

           <option value="33">33</option>

           <option value="34">34</option>

           <option value="35">35</option>

           <option value="36">36</option>

           <option value="37">37</option>

           <option value="38">38</option>

           <option value="39">39</option>

           <option value="40">40</option>

           <option value="41">41</option>

           <option value="42">42</option>

           <option value="43">43</option>

           <option value="44">44</option>

           <option value="45">45</option>

           <option value="46">46</option>

           <option value="47">47</option>

           <option value="48">48</option>

           <option value="49">49</option>

           <option value="50">50</option>

           <option value="51">51</option>

           <option value="52">52</option>

           <option value="53">53</option>

           <option value="54">54</option>

           <option value="55">55</option>

           <option value="56">56</option>

           <option value="57">57</option>

           <option value="58">58</option>

           <option value="59">59</option>

           <option value="60">60</option>

         </select>

       </div></td>

     <td nowrap  width="30%"><div align="right" class="style1">:גיל הנהג הצעיר ביותר </div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="76%"><div align="right">

         <select name="years_of_license" id="years_of_license" dir="rtl">

           <option value="1">1</option>

           <option value="2">2</option>

           <option value="3">3</option>

           <option value="4">4</option>

           <option value="5">5</option>

           <option value="6">6</option>

           <option value="7">7</option>

           <option value="8">8</option>

           <option value="9">9</option>

           <option value="10">10</option>

           <option value="מעל 10">מעל 10</option>

         </select>

       </div></td>

     <td nowrap  width="24%"><div align="right" class="style1">:מספר שנות רשיון</div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="86%"><div align="right"><span class="style4">.נהג חדש = פחות משנה רישיון *</span>

         <select name="new_driver" id="new_driver" dir="rtl">

           <option value="כן">כן</option>

           <option value="לא">לא</option>

         </select>

       </div></td>

     <td nowrap  width="14%"><div align="right" class="style1">:נהג חדש </div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <th align="right">

   <span class="style3"> מספר תביעות ב-4 שנים אחרונות </span>

   </th>

   <tr nowrap>

     <td nowrap  width="78%"><div align="right">

         <select name="current_year_claims " id="current_year_claims " dir="rtl">

           <option>מספר תביעות:</option>

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

           <option value="1">1</option>

           <option value="2">2</option>

           <option value="לא בוטח">לא בוטח</option>

         </select>

       </div></td>

     <td nowrap  width="22%"><div align="right" class="style4"><strong>:שנה נוכחית </strong></div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <select name="last_year_claims" id="last_year_claims" dir="rtl">

           <option>מספר תביעות:</option>

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

           <option value="1">1</option>

           <option value="2">2</option>

           <option value="לא בוטח">לא בוטח</option>

         </select>

       </div></td>

     <td nowrap><div align="right" class="style4"><strong>:לפני שנה </strong></div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <select name="two_years_ago_claims" id="two_years_ago_claims" dir="rtl">

           <option>מספר תביעות:</option>

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

           <option value="1">1</option>

           <option value="2">2</option>

           <option value="לא בוטח">לא בוטח</option>

         </select>

       </div></td>

     <td nowrap><div align="right" class="style4"><strong>:לפני שנתיים </strong></div></td>

   </tr>

   <tr nowrap>

     <td nowrap><div align="right">

         <select name="tree_years_ago_claims" id="tree_years_ago_claims" dir="rtl">

           <option>מספר תביעות:</option>

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

           <option value="1">1</option>

           <option value="2">2</option>

           <option value="לא בוטח">לא בוטח</option>

         </select>

       </div></td>

     <td nowrap><div align="right" class="style4"><strong>:לפני שלוש שנים </strong></div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="78%"><div align="right">

         <select name="expansions" size="4" multiple id="expansions" dir="rtl">

           <option value="רדיו דיסק">רדיו דיסק</option>

           <option value="שמשות">שמשות</option>

           <option value="רכב חלופי">רכב חלופי</option>

           <option value="שרותי גרירה">שרותי גרירה</option>

         </select>

       </div></td>

     <td nowrap  width="22%"><div align="right" class="style4"><strong>:הרחבות נוספות </strong></div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap  width="85%"><div align="right">

         <select name="car_protection" size="5" multiple id="car_protection" dir="rtl">

           <option value="אימבולייזר">אימבולייזר</option>

           <option value="אזעקה">אזעקה</option>

           <option value="קודן">קודן</option>

           <option value="איתוראן">איתוראן</option>

           <option value="נ.מ.מ (נעילת מכסה מנוע)">נ.מ.מ (נעילת מכסה מנוע)</option>

         </select>

       </div></td>

     <td nowrap  width="15%"><div align="right" class="style4"><strong>:מיגון ברכב </strong></div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FF9933">

   <tr nowrap>

     <td nowrap><div align="right" class="style4 style5">:בקשות נוספות </div></td>

   </tr>

   <tr valign="top">

     <td nowrap><div align="right">

         <textarea name="extra_requests" id="extra_requests" dir="rtl" cols="50" rows="10"></textarea>

       </div></td>

   </tr>

 </table>

 <br>

 <table width="100%"  border="0" align="center" cellpadding="1" cellspacing="1">

   <tr nowrap>

     <td nowrap><div align="center">

         <input name="Submit" type="submit" class="style3" value="!שלח טופס">

       </div></td>

     <td nowrap><div align="center">

         <input name="Reset" type="reset" class="style3" id="Reset" value="!נקה טופס">

       </div></td>

   </tr>

 </table>

 </td>

 </tr>

 </table>

 <br>

</form>

</body>

</html>

קישור לתוכן
שתף באתרים אחרים

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

×
  • צור חדש...