Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,031

HOME > PHP > PHP Forum > การส่งค่าโดยไม่ต้องใช้ Submit และตรวจสอบ Pattern ทำมาได้ครึ่งทางแล้วครับผม



 

การส่งค่าโดยไม่ต้องใช้ Submit และตรวจสอบ Pattern ทำมาได้ครึ่งทางแล้วครับผม

 



Topic : 093508



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



สถานะออฟไลน์
Facebook



เริ่มจากผมสร้างปุ่ม

Code
<a class="btn btn-danger" href="#" onClick="submit_now()"> <i class="icon-circle-arrow-left icon-white"> </i> <font color="#FFFFFF">บันทึก</font> </a>


โดยที่ ต้องการใช้ปุ่มอื่น นอกเหนือจาก Type ที่เป็น submit

ทีนี้ ผมสร้าง JSP มา1 code ดังนี้
Code (JavaScript)
<script language="javascript">
function submit_now(){
		 if(document.form1.Ttel.value != document.form1.Ttel.pattern) 
	{
	     alert("กรุณาป้อนรูปแบบให้ตรงด้วยครับ"); 
		 return false;
	}
	else
	{
			document.form1.submit();
		
	}
}

</script>


โดย text input นั้น ตั้งไว้ดังนี้

Code
<input name="Ttel" id="Ttel" type="text" placeholder="08xxxxxxxx" pattern="\d{3}\d{3}\d{4}.*?$" maxlength="10" onkeypress='validate2(event)'>



ใน JSP กล่าวคือ ผมต้องการเอาค่า ทีเป็น value มาตรวจสอบกับ Pattern ที่ได้ตั้งไว้ ให้ตรงกัน

หากไม่ตรงก็จะเด้ง ข้อความขึ้นมา

แต่ ถ้าตรงก็ จะข้ามไปอีกหน้าครับผม

ซึ่งตอนนี้ มันเอาแต่ เด้ง ข้อความอย่างเดียวเลย

ไม่ทราบว่า พอจะมีวิธีเช็ค แบบอื่นอีกไหมครับ

รบกวนด้วยนะครับ



Tag : PHP, MySQL, HTML/CSS, JavaScript









ประวัติการแก้ไข
2013-04-06 21:14:17
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-04-06 20:50:16 By : INTz View : 1148 Reply : 2
 

 

No. 1



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



สถานะออฟไลน์
Facebook

จริงๆเราสามารถใช้ input type=submit ก็ได้นะครับ โดยวิธีนี้

Code (PHP)
<script language="javascript">
function submit_now(){
    var tel = document.getElementById('Ttel').value;
    var pattern = /\d{3}\d{3}\d{4}.*?$/;        
    if(!pattern.test(tel)) 
	{
	     alert("กรุณาป้อนรูปแบบให้ถูกต้อง"); 
		 return false;
	}
	return true;
}

</script>
<form onsubmit="return submit_now()">
	<input  name="Ttel" id="Ttel" type="text" placeholder="08xxxxxxxx" maxlength="10">
	<input type="submit">
</form>



แบบนี้เค้าเรียกว่า Javascript นะครับ ไม่ใช่ JSP






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-07 06:48:49 By : kerb
 


 

No. 2



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



สถานะออฟไลน์
Facebook

ปัญหาคือว่า หากผม ใช้ Type="submit"

ปุ่มที่ผมต้องการ มันจะออกมา แบบ Original ผมต้องไปหาที่เปลี่ยนรูปแบบปุ่มให้มันอีก

เลยคิดว่ามันอาจจะยุ่งยากกว่าวิธีนี้

แฮะๆ ต้องขอโทษด้วยนะครับ ที่ผมใช้คำผิด
เข้าใจ JSP เป็น Javascript ตั้งนาน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-07 07:11:56 By : INTz
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : การส่งค่าโดยไม่ต้องใช้ Submit และตรวจสอบ Pattern ทำมาได้ครึ่งทางแล้วครับผม
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่