اعتبارسنجی فرم ها
#1
درود برشما
دوست عزیز من می خوام کاری کنم که وقتی کاربر رو دکمه run کلیک میکنه اگر فیلد ها خالی بود پیغام بده که فیلد ها رو پر کنید .خب من تا این مرحله پیش رفتم اما.مرحله بعدش اینه که وقتی روی اطلاعات فیلدها رو به صورت کامل پرکردم اطلاعات رو داخل یه باکس را من نشون بده.متاسفانه من این مرحله رو نتونستم حل کنم میشه کمکم کنید؟کد رو براتون میذارم
کد:
Fn:<span>*</span>&nbsp;<input type="text" id="fn" />
        &nbsp;&nbsp;<label id="result-fn"></label>
    <br /><br />
    
    Ln:<span>*</span>&nbsp;<input type="text" id="ln" />
        &nbsp;&nbsp;<label id="result-ln"></label>
        
        <div id="box1"></div>
        
    <br /><br />
    <input type="button" value="Run" id="btn-run" />
    
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $('#btn-run').click(function()
            {
                var fn=$('#fn').val();
                    if(fn=='')
                    {
                        $('#result-fn').text('Please Enter Firstname !');
                    }
                    
                    else
                    {
                        $('#result-fn').text('');
                    }
                    
            });
            
                $('#btn-run').click(function()
                {
                    var ln =$('#ln').val();
                        if(ln=='')
                        {
                            $('#result-ln').text('Please Enter Lastname !');
                        }
                        
                        else
                        {
                            $('#result-ln').text('');
                        }
                        
                });
                
                //من واسش این دستور رو نوشتم اما کار نمیکنه
                /*$('#btn-run').click(function()
                {
                    var c= $('#fn').text();
                        $('#box1').text('c');
                });*/
                
            
        });
    
    </script>

پاسخ
#2
درود خوب این که خیلی سادست شما این کدو نوشتی بعد اینجاشو گیر کردی؟  Smile
مقدار textbox ها که تو این متغیر fn ریخته میشه میتونید اینطوری استفاده کنید:

کد:
$('#result-fn').text(fn);

راستی تو تا موضوع تکراری زدیدا! میتونید یکیرو پاک کنید.

چطور امضا کنم؟  Huh
پاسخ
#3
خب من اینجوری نوشتم ولی کار نکرد.من میخوام اطلاعاتی که کاربر وارد میکنه توی باکس نشون بده Huh

پاسخ
#4
باکس دقیقا کجا رو میگید؟ به هر صورت به روش بالا میتونید به محتواش دسترسی داشته باشید.

آخرین ویرایش: 05-07-2015 ساعت 20:36، توسط THE KNIGHT
چطور امضا کنم؟  Huh
پاسخ
#5
ببینید من باید یه باکسی درست کنم که اگر کاربر همه فیلدها رو پر کرد اونوقت با زدن دکمه run اطلاعاتی که کاربر داخل فرم پرکرده داخل اون باکس نشون داده بشه؟اما این دستور این کارو انجام نمیده یه چیزی کم داره انگار Sad

پاسخ
#6
این کد جدید و امتحان کنید:
کد:
$(document).ready(function()
{
    $('#btn-run').click(function()
    {
        var fn=$('#fn').val();
        var ln =$('#ln').val();
        
        if(fn=='')
        {
            $('#result-fn').text('Please Enter Firstname !');
        }
            
        if(ln=='')
        {
            $('#result-ln').text('Please Enter Lastname !');
        }
        
        if(fn && ln){
            $('#box1').html("<h3>" + fn + " " + ln + "</h3>");
        }
    });
});

چطور امضا کنم؟  Huh
پاسخ
#7
مرسی این کد درست کار میکنه .اما نمیشه همینو با روی داد کلیک و متدtextبنویسم؟

پاسخ
#8
(05-07-2015 ساعت 23:08)mansoureh نوشته است:  مرسی این کد درست کار میکنه .اما نمیشه همینو با روی داد کلیک و متدtextبنویسم؟

تو رویداد کلیک نوشته شده دیگه! برای تغییر محتوای div من از html استفاده کردم. اگر میخواید text استفاده کنید داخل div المنت input بذارید و بعد از text استفاده کنید.

چطور امضا کنم؟  Huh
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

کاربرانِ درحال بازدید از این موضوع:   1 مهمان