التحقق من خانات التعليق قبل الإرسال Comment fields validation

SWanderer · #1 06-15-2007, 06:31 PM

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

التحقق من خانات التعليق قبل الإرسال Comment fields validation

قرأت اليوم هذا الموضوع في منتديات عرب وورد برس وهو يتحدث عن التحقق من مدخلات الفورم Fields validation قبل إرساله وإظهار أي رسالة خطأ في نفس الصفحة بدلاً من إعادة تحميلها.

في الحقيقة ملاحظة جميلة ومفيدة على بساطتها. فقمت بتنفيذها مباشرة.

وتفضلوا هذه هي الطريقة :

إفتح الملف :

كود:

/wp-content/themes/YOUR-THEME-DIR/comments.php

يفضل أن تحرر الملف ببرنامج الـ Notepad حتى لا تعاني من مشاكل في الترميز
إبحث عن :

كود PHP:


			
    $oddcomment = 'class="alt" ';

أضف بعدها :

كود PHP:


			
    $user_ID = ( $user_ID ) ? $user_ID : 0;

الآن إبحث عن :

كود:

<!-- You can start editing here. -->

أضف بعدها :

كود PHP:


			
<script type="text/javascript">

/* <![CDATA[ */

var a = <?php echo $user_ID; ?>;

function checkvalue() {

if ( a == 0 )

{

author = document.getElementById(’author’);

email = document.getElementById(’email’);

comment = document.getElementById(’comment’);



if ( author.value == "")

{

author.focus();

author.className = ‘ierror’;

alert(’الرجاء إدخال إسمك الكريم!’);

return false;

}

else

{

author.className = ‘iok’;

}



if ( email.value == "")

{

email.focus();

email.className = ‘ierror’;

alert(’الرجاء إدخال بريدك الإلكتروني!’);

return false;

}

else

{

/* Check the email */

if ( (email.value.indexOf(".") > 2) && (email.value.indexOf("@") > 0) )

{

email.className = ‘iok’;

}

else

{

email.focus();

email.className = ‘ierror’;

alert(’الرجاء إدخال بريد إلكتروني صحيح!’);

return false;

}

}



if ( comment.value == "" )

{

comment.focus();

comment.className = ‘ierror’;

alert(’عفواً, لقد أدخلت تعليقاً فارغاً!’);

return false;

}

else

{

comment.className = ‘iok’;

}



/* if we still here.. return true */

return true;

}

else

{

return true;

}

}

/* ]]> */

</script>

الآن إبحث عن :

كود:

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php"
method="post" id="commentform">

إستبدلها بـ :

كود:

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php"
method="post" id="commentform" onSubmit="return checkvalue();">

الآن إتجه إلى الملف :

كود:

/wp-content/themes/YOUR-THEME-DIR/style.css

وأضف التالي :

كود:

.ierror
{
        border: 1px dashed #FF0000;
}

.iok
{
        border: 1px dashed #00FF33;
}

إنتهي

أتمنى أن أكون وفقت في تنفيذ الفكرة بأفضل الوسائل الممكنة وأن يكون الشرح واضح وسهل للجميع

أشكر الأخ Turki Al- Fassam على هذه الفكرة

هناك العديد من الافكار التي يمكن تنفيذها لل Fields Validation والتي أستخدمها في برامجي , سأقوم بالتحدث عنها لاحقاً. لأنني أحببت أن يكون الموضوع بسيط للجميع ولا يتطلب التعديل في عدة ملفات.

التحقق من خانات التعليق قبل الإرسال Comment fields validation

ملاحظة : تستطيع تجربة الإضافة في مدونتي

qyasi · #2 06-15-2007, 07:10 PM

الشكر الجزيل لك أخي SWanderer عل هذا العمل المبدع.
بارك الله فيك.

SWanderer · #3 06-15-2007, 07:17 PM

العفو أخي الكريم

نحن علينا التنفيذ فقط ,, أما الافكار فمصدرها المستخدمين المخضرمين للسكربت

بالخدمة ^_^

Ebnalblad · #4 06-15-2007, 07:52 PM

مشكور اخي الكريم جزاك الله خيرا
تحياتي

moieu · #5 06-15-2007, 08:13 PM

مشكور أخي على الطريقة الجميلة والشكر موصول للأخ تركي

وفقكم الله

mobd3 · #6 06-15-2007, 08:35 PM

أخي تشكر كثيرا على هذه التعديل
دمت مبدعا أخي ....

رشيد بيدوسي · #7 06-15-2007, 09:10 PM

ممتاز أخي SWanderer . عمل مبدع , جزاك الله خيراً.

ممكن نشاهد التعديل على ارض الواقع ؟ أحد من الشباب قام بالتعديل ؟

SWanderer · #8 06-15-2007, 09:42 PM

Ebnalblad
moieu
mobd3

أشكركم على مروركم وكلماتكم اللطيفة

رشيد

العفو أخي الكريم ,, تستطيع تجربتها في مدونتي

الإضافة ما تخرش المية على قولة إخواننا المصريين

وبرمجتها بعناية ولله الحمد

Turki Al- Fassam · #9 06-18-2007, 04:23 AM

وعليكم السلام ورحمة الله وبركاته

- سعدت حقيقة حين لبيتم إقتراحي ، وأسعد بوجود أمثالك ممن يبادرون في مد يد العون لإخوانهم .

أشكرك جزيل الشكر على جهدك و وقتك.

أما بالنسبة للتركيب فللأسف لم أحسن تركيبه!

فبعد فتح ملف comments.php لم أجد هذا الكود :

كود PHP:


			
    $oddcomment = 'class="alt" ';

هذا كان الموجود :

كود PHP:


			
<li class="<?=$oddcomment;?>">

كذلك أظن هذا الكود ناقص! :

كود PHP:


			
$user_ID = ( $user_ID ) ? $user_ID : 0;

فأضفت علامة > أمامه فعمل ، ولكن استبدل أسماء المشاركين بالردود بهذا الكود .

وآخر كود :

كود PHP:


			
.ierror

{

        border: 1px dashed #FF0000;

}



.iok

{

        border: 1px dashed #00FF33;

}

ياليتك توضّح مكانه بالضبط هل بالهيدر ولا البودي!!

واعذرني على الإزعاج ، وأشكرك من جديد ..

على فكرة أنا جربت أكتب رد بمدونتك ظهرت لي صفحة الخطأ!
وبانتظار تجارب الأخوة..

والسلام عليكم ورحمة الله وبركاته

SWanderer · #10 06-18-2007, 09:06 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة Turki Al- Fassam

وعليكم السلام ورحمة الله وبركاته

- سعدت حقيقة حين لبيتم إقتراحي ، وأسعد بوجود أمثالك ممن يبادرون في مد يد العون لإخوانهم .

أشكرك جزيل الشكر على جهدك و وقتك.

العفو أخي الكريم

اقتباس:

المشاركة الأصلية كتبت بواسطة Turki Al- Fassam

أما بالنسبة للتركيب فللأسف لم أحسن تركيبه!

فبعد فتح ملف comments.php لم أجد هذا الكود :

كود PHP:


			
    $oddcomment = 'class="alt" ';

هذا كان الموجود :

كود PHP:


			
<li class="<?=$oddcomment;?>">

كذلك أظن هذا الكود ناقص! :

كود PHP:


			
$user_ID = ( $user_ID ) ? $user_ID : 0;

فأضفت علامة > أمامه فعمل ، ولكن استبدل أسماء المشاركين بالردود بهذا الكود .

الكود غير ناقص , ولكن الصيغة تختلف من ستايل لآخر, وأنا إعتمدت الكود

كود PHP:


			
    $oddcomment = 'class="alt" ';

كمعيار ,, وإلا الهدف ان يوضع في أي مكان يحتوي شفرة PHP وليس HTML

عموماً ,, في حالتك سيكون التعديل كالتالي :
إستبدل :

كود PHP:


			
<li class="<?=$oddcomment;?>">

بـ :

كود PHP:


			
<li class="<?=$oddcomment;$user_ID = ( $user_ID ) ? $user_ID : 0;?>">

طبعاً لا يهم وضعها في أي مكان كما ذكرت لأنه ليس لها تأثير على كود ال HTML

اقتباس:

المشاركة الأصلية كتبت بواسطة Turki Al- Fassam

وآخر كود :

كود PHP:


			
.ierror

{

        border: 1px dashed #FF0000;

}



.iok

{

        border: 1px dashed #00FF33;

}

ياليتك توضّح مكانه بالضبط هل بالهيدر ولا البودي!!

بخصوص ال CSS ضعها مستقلة , في أعلى أو أسفل الملف ,, أوي أي مكان تشاء ,, ولكن يجب أن تكون خارج أي كلاس آخر ,, أقصد بدون الإخلال بتركيبة CSS النحوية

اقتباس:

المشاركة الأصلية كتبت بواسطة Turki Al- Fassam

واعذرني على الإزعاج ، وأشكرك من جديد ..

على فكرة أنا جربت أكتب رد بمدونتك ظهرت لي صفحة الخطأ!
وبانتظار تجارب الأخوة..

والسلام عليكم ورحمة الله وبركاته[/FONT][/SIZE]

عفواً أخي الكريم هل هناك مشكلة في إضافة الردود ؟ ياليت توضح لي رسالة الخطأ حتى أحل المشكلة ^_^ المدونة لازالت قيد التطوير ,,

ملاحظة :
لم أرد التوسع في الفكرة حتى لا أسبب إرباك للأخوة عند التركيب ,, ولكن أنا أعمل على تطوير الفكرة , بحيث يتم إضافتها كـ plug in من لوحة التحكم بدون مشقة وتعديل في الملفات ,,

بإمكانكم إرسال الملفات على بريدي :

وسوف أقوم بالتعديلات اللازمة

Adham · #11 06-18-2007, 09:13 AM

رائع ألف شكر يالغالي

!

ربي يحفظك

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[إضافة] التحقق من مدخلات التعليق قبل الإرسال Comment fields JS validation	SWanderer	إضافات ووردبريس - عام	18	04-29-2010 09:25 PM
اضافة More Fields لإضافة حقول للصفحات او التدوينات	الإعصار الأحمر	معرض الإضافات	2	04-13-2009 01:54 PM
خانات كثيرة في النموذج من اجل كلمة " شكرا " ليش نعقد الامور	روان 1	الدعم الفني المتقدّم	6	03-07-2009 11:44 PM
[إضافة]Comment Timeout أغلق باب التعليق بعد وقت محدد	MaXeR	معرض الإضافات	2	07-19-2007 08:06 PM
[إضافة]التحقق من صحة الرابط في التعليق	MaXeR	إضافات ووردبريس - عام	3	07-06-2007 11:40 AM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)