Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,028

HOME > PHP > PHP Forum > ถ้าเรากรอกข้อมูลใน textfield ไม่ครบเมื่อคลิกปุ่มถัดไป แล้วขึ้นข้อความเตือนว่ากรอกข้อมูลไม่ครบแต่ตัว tabcontent ยังอยู่ที่ tab เดิมต้องเขียน Script ยังไงคะ???

ถ้าเรากรอกข้อมูลใน textfield ไม่ครบเมื่อคลิกปุ่มถัดไป แล้วขึ้นข้อความเตือนว่ากรอกข้อมูลไม่ครบแต่ตัว tabcontent ยังอยู่ที่ tab เดิมต้องเขียน Script ยังไงคะ???

เริ่มหัวข้อใหม่

noon

โพสกระทู้ ( 24 )
บทความ ( 0 )

พอเราไม่ได้ใส่เลขบัตรประชาชน ตัว message box จะปรากฎขึ้นมา แต่ทำยังไงให้พอกดแล้วมันหยุดที่ tab แรกคะ จะให้ไป tab ถัดไปก็ต้องกรอกเลขบัตรประชาชนก่อน ไม่ทราบว่าใช้ script เขียนรึเปล่าคะ แล้วต้องเขียนยังไง

http://file2.uploadfile.biz/i/EWEWMEIMIWMXEI อันนี้เป็น code ตัวเต็มค่ะ

Code (JavaScript)


<link rel="stylesheet" href="tabs.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
    <script type="text/javascript">
		$(function() {

			var $tabs = $('#tabs').tabs();
	
			$(".ui-tabs-panel").each(function(i){
	
			  var totalSize = $(".ui-tabs-panel").size() - 1;
  
			  if (i != totalSize){

					next = i + 2;
					$(this).append("<a href='#' text-decoration='none' border='none'  class='next-tab mover' rel='" + next + "'><input type='image' img src='mypic/right.png'/ onclick=chkdata();></a>");
			  }
			  
			  
			  if (i != 0) {
			      prev = i;
		   		  $(this).append("<a href='#' text-decoration='none' border='none' class='prev-tab mover' rel='" + prev + "'><input type='image' img src='mypic/left.png'/></a>");
			  }

			});
	
			$('.next-tab, .prev-tab, .submit-tab').click(function() { 
		           $tabs.tabs('select', $(this).attr("rel"));
		           return false;
		       });
       
		});
    </script>


<script type="text/javascript">
function chkdata(){
var idno  = document.getElementById('idno').value;

										  if(idno == "")
								   {
												 alert('กรุณากรอกใส่หมายเลขบัตรประชาชนด้วยค่ะ');
												document.dateform.idno.focus();
											
								   }   

}
</script>

อันนี้เป็นส่วนของ html ค่ะ

<div id="tabs">
<ul>
<li><a href="#fragment-1"> tab 1</a></li>
<li><a href="#fragment-2">tab 2</a></li>
<li><a href="#fragment-3">tab 3</a></li>
<li></li>
</ul>
<div id="fragment-1" class="ui-tabs-panel ui-tabs-hide">

<div class="tabbertab"><br />
เลขที่บัตรประชาชน <input name="idno" id="idno" type="text" />
</div>
</div>

<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">

<div class="tabbertab"><br />
ชื่อ - นามสกุล <input name="name" id="name" type="text" />
</div>
</div>

<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide">

<div class="tabbertab"><br />
ที่อยู่ <input name="name" id="name" type="text" />
</div>
</div>

Tag : PHP, HTML/CSS, JavaScript

ประวัติการแก้ไข
2012-04-04 13:26:01
2012-04-04 13:26:33
2012-04-04 15:30:09

Date : 2012-04-04 13:25:16

By : noon_

View : 2849

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ไหน ๆ ใช้ jQuery แล้วก็ทำไมไม่ใช้ให้หมดทั้ง form ไปเลยครับ

Code (jQuery)

<!DOCTYPE html>
<html>
<head>
  <style>
  textarea { height:45px; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <form>
    <input type="text" id="text1" />
    <input type="text" id="text2" />
    <input type="text" id="text3" />

    <input type="text" id="text4" />
    <input type="text" id="text5" />
    <input type="text" id="text6" />

    <input type="submit" />

  </form>
  <div>
  </div>
<script>

$(function(){
  $('form').submit(function(){
       if ($(':text[value=""]').size() > 0){
        alert('กอรก textbox ไม่ครบ'); return false;
       }
       return true;
  });
});
</script>

</body>
</html>

Date : 2012-04-04 21:44:22

By : webmaster

No. 2

noon

โพสกระทู้ ( 24 )
บทความ ( 0 )

ขอบคุณค่ะ เดี๋ยวต้องขอทดลองก่อนค่ะ

Date : 2012-04-05 14:23:07