التحقق من صحة فورم قبل إرسالها أو إضافتها

شكرا لك يا اخ محمد على هذا الجهد

شكرا اخ محمد و اكرر يجب ألا يتم الإعتماد 100% على اكواد الجافا فقط...

فلربما يحدث خطأ أثناء تحميل الصفحة و تتوقف الأكواد عن العمل و كلامى هذا نتاج تجربة شخصية

و الله اعلم

يا أخ محمد لقد تم تنفيذ الكود كما شرحته بنجاح حيث أني اذا تركت حقل فارغ تظهر رساله تخبرني بذلك

لكن المشكله هي اني اذا ظهرت الرساله التي تقول اني لم ادخل هذا الحقل ،، اذهب واكتب داخله وعند الضغط على زر الإرسال تظهر الرساله مرة اخرى مع العلم اني ادخلت قيمه في هذا الحقل

وشكراً

مشكور أخي محمد القربي وما قصرت

وأحب أن أشاركك إذا سمحت بوضع أحد التكنيكات التي دائما ما أستخدمها لتحقيق ذلك الغرض

وهذا المثال يوضح ما أريده

<script>
 var IsValidePage = true;
 /**
  * validateForm
  * @param formControl Form Control
  * @return boolean
  */
 function validateForm(formControl) {
     IsValidePage = true;
     checkControls(formControl.childNodes);

     return IsValidePage;
 }

 /**
  * checkControls
  */
 function checkControls(childNodes) {
    for( var i=0; i<childNodes.length; i++ ) {
        var elem = childNodes;

        if( elem.tagName == "SPAN" ) {
             if( elem.validateControl ) {
                    var ret = eval( elem.funcName + "(\"" + elem.validateControl + "\");" );
                    elem.innerHTML = "";
                    if( !ret ) {
                         elem.innerHTML = elem.errorMessage;
                         IsValidePage = false;
                    }
             }
        }

         checkControls(childNodes.childNodes);
    }

 }

 /**
  * validateEmpty
  * @param elemetID string
  * @return boolean
  */
 function validateEmpty(elementID) {
    var element = document.getElementById(elementID);

    switch( element.type ) {
       case "text" :
       case "password" :
         if( element.value.length == 0 ) {
             return false;
          }
          break;
       case "select-one" :
         if( element.length == 0 || element.selectedIndex == -1 ) {
             return false;
          }
           break;
    }
    
    return true;
 }

 /**
  * customValidatePassword
  * @param elemetID string
  * @return boolean
  */
 function customValidatePassword(elementID) {
    var element = document.getElementById(elementID);

    if( element.value.length < 6 ) {
        return false;
    }

    return true;
 }

</script>

<style>
 .errorMsg { color:red; }
</style>


<form onsubmit="return validateForm(this)">
 <table>
  <tr>
    <td> name 
    <td> <input type=text name=username id=username>
    <td> <span class="errorMsg" errorMessage="please enter your name" validateControl="username" funcName="validateEmpty"></span>
  </tr>

  <tr>
    <td> last name 
    <td> <input type=text name=lastname id=lastname>
    <td> <span class="errorMsg" errorMessage="please enter your last name" validateControl="lastname" funcName="validateEmpty"></span>
  </tr>

  <tr>
    <td> country
    <td> <select name=country id=country size=4><option>12<option>22</select>
    <td> <span class="errorMsg" errorMessage="please select atleast one country" validateControl="country" funcName="validateEmpty"></span>
  </tr>

  <tr>
    <td> password
    <td> <input type=password name=pwd id=pwd>
    <td> <span class="errorMsg" errorMessage="please enter the password" errorLabelControl="pwd" validateControl="pwd" funcName="validateEmpty"></span>
         <br><span class="errorMsg" errorMessage="password must be more than 6 characters" errorLabelControl="pwd" validateControl="pwd" funcName="customValidatePassword"></span>
  </tr>

  <tr>
    <td colspan=3> <input type=submit>
  </tr>
 </table>
</form>

رجاء التركيز بهذا الكود لانه ربما يكون متقدم شويه لكنه إن شاء الله يكون مفيد للجميع وبالتوفيق

اقتباس

يجب ألا يتم الإعتماد 100% على اكواد الجافا فقط... فلربما يحدث خطأ أثناء تحميل الصفحة و تتوقف الأكواد عن العمل و كلامى هذا نتاج تجربة شخصية

بكل تأكيد أوافقك الرأي أخي إبراهيم. لكني شخصياً أجد الجافاسكريبت سهلة و أسرع و يمكن تحقيق الفحص قبل إدخال الفورم (وبالتالي عدم ضياع البيانات في حال لم يخزن في الذاكرة التلقائية)، في حين أن طرق أخرى مثل الـ ASP ستدخل الفورم أولاً ثم سيتحقق... و كلامي لا ينفي العيب الذي ذكرته أخي.. و لكن آمل أن تنصيب الأمور بشكل صحيح منذ البداية ستقلل من نسبة الخطأ و خاصة أن معظم المتصفحات تدعم جافاسكريبت و بشرط أن تمتاز هذه الصفحة بالسرعة في التحميل...

اقتباس

لكن المشكله هي اني اذا ظهرت الرساله التي تقول اني لم ادخل هذا الحقل ،، اذهب واكتب داخله وعند الضغط على زر الإرسال تظهر الرساله مرة اخرى مع العلم اني ادخلت قيمه في هذا الحقل

أخي Programmer اعتقد أن هناك خطأ في الكود عندك أو أنه مكرر على الأغلب لنفس الحقل، كما تاكد من أمر فورم واحد...

اقتباس

وأحب أن أشاركك إذا سمحت بوضع أحد التكنيكات التي دائما ما أستخدمها لتحقيق ذلك الغرض

أخي الحسبن مشكور، و هدفنا هو عرض الأفكار لهذا الموضوع هنا...

جزاكم الله خيراً

لتعميم الفائدة، يوجد موضوع مشابه هنا:

/index.php?showtopic=49646