اعتبارسنجی فرم ها

Javascript

توسط mansoureh در 4 سال پیش
0 74.1k 7 4 سال پیش
mansoureh theknight
0

درود برشما
دوست عزیز من می خوام کاری کنم که وقتی کاربر رو دکمه 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>
1

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

$('#result-fn').text(fn);

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

0

خب من اینجوری نوشتم ولی کار نکرد.من میخوام اطلاعاتی که کاربر وارد میکنه توی باکس نشون بده

0

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

0

ببینید من باید یه باکسی درست کنم که اگر کاربر همه فیلدها رو پر کرد اونوقت با زدن دکمه run اطلاعاتی که کاربر داخل فرم پرکرده داخل اون باکس نشون داده بشه؟اما این دستور این کارو انجام نمیده یه چیزی کم داره انگار :(

1

این کد جدید و امتحان کنید:

$(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>");
		}
	});
});
0

مرسی این کد درست کار میکنه .اما نمیشه همینو با روی داد کلیک و متدtextبنویسم؟

1

> مرسی این کد درست کار میکنه .اما نمیشه همینو با روی داد کلیک و متدtextبنویسم؟

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

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید