member99

محاسبه rsform بدون دکمه (باتن)

2 پست در این موضوع

با سلام و احترام. یه آموزش خیلی خوب واسه دوستان می*ذارم که حاصل از کلنجار رفتن خودم با Rs-form هست :128fs318181: امیدوارم مفید واقع بشه.

اگر کاربر مقدار عددی فیلد x را تعریف بکند.

بعد فیلد y را پر بکند... مجموع این دو تا فیلد توی total نشان داده شود و با هر بار عوض کردن اعداد فیلدهای x و y، مقدار مجموع در فیلد total تغییر بکنه... هیچ نیازی هم به دکمه یا باتن Calculate نیست! :didi:

خب بریم سراغ آموزش:

فرم دلخواه خود را باز کنید...

1- یک فیلد textbox اضافه کنید. نام و شرح را بذارید: test1 معتبرسازی اش را عددی تعیین کنید. بعد توی خواص اضافه مقدار زیر را وارد کنید:

onkeyup="calculateText();"

2- برای فیلد دوم هم به همین روش عمل کنید ینی یک فیلد textbox اضافه کنید. نام و شرح را بذارید: test2 معتبرسازی اش را عددی تعیین کنید. بعد توی خواص اضافه مقدار زیر را وارد کنید:

onkeyup="calculateText();"

3- یه فیلد textbox اضافه کنید و اسمش و شرح اش را بذارید total - بعد توی خواص اضافه مقدار زیر را وارد کنید:

onkeyup="calculateText();"

در واقع این فیلد مجموع فیلدهای بالا را نشون میده

4- کدهای زیر را توی تب Properties فرم قسمت CSS/Javascript ... توی قسمت جاوااسکریپت قرار بدید:

<script type="text/javascript">

function calculateText(){

var op1=document.getElementById('test1');

var op2=document.getElementById('test2');

var result=document.getElementById('total');

if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;

if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;

result.value=0;

result.value=parseInt(result.value);

result.value=parseInt(result.value)+parseInt(op1.value)+parseInt(op2.value);}

</script>

دقت کنید که من از فیلدهای test1 - test2 و total استفاده کردم، اگر خواستید اسم اینها را عوض کنید، توی کدها هم باید اسم فیلد ها عوض بشه.

تموم شد! :128fs318181:

موفق باشید!gift

ویرایش شده در توسط member99

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری