Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > ถ้ากรอกไม่ครบตามที่กำหนด ห้ามไปไหน ห้ามtab ต้องค้างอยู่แบบนั้น

ถ้ากรอกไม่ครบตามที่กำหนด ห้ามไปไหน ห้ามtab ต้องค้างอยู่แบบนั้น

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

Guest

ถ้าจะทำให้ textbox กำหนดว่า ต้องกรอก 5 ตัว นับ length ได้แล้ว
แต่ว่าอยากได้แบบว่า ถ้ากรอกไม่ถึง5ตัวหรือเยอะกว่านั้น ให้ค้างที่ textbox นั้น
ห้ามเลื่อนไปไหนได้ tab ก้อไม่ได้

ทำยังไงดีค่ะ

Tag : - - - -

Date : 2010-03-23 13:38:28

By : V4

View : 1161

Reply : 3

No. 1

Guest

เป็นการบังคับ user เกินไปรึป่าวครับ ถ้าเค้าอยากกรอกอันอื่นก่อนก็น่าจะให้เค้าทำได้นะครับ บางทีการบังคับ user แบบนี้อาจทำให้ user ไม่อยากเข้าเว็บก็ได้นะครับ ^ ^
วิธีที่ดีน่าจะเป็น ดักตอนกด submit มากกว่าครับ ใช้ javascript ดักได้เลยครับ ส่วนวิธีการดักก็หาดูในเว็บได้เลยครับ tutorial เยอะเลย

Date : 2010-03-23 13:46:53

By : Rutz

No. 2

Snowchild

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

จำเปนต้องทำนะคะ ช่วยหน่อย

Date : 2010-03-23 14:28:28

By : V4

No. 3

Guest

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

</style>
<script>
function check_len(){
var get_len = document.form.user.value.length;
if(get_len < 5){
alert(get_len);
document.form.user.focus();
}
}
</script>
</head>

<body>
<form id="form" name="form">
<label for="user">Name</label>
<input type="text" name="user" value=""/><br />
<label for="emailaddress">Email Address:</label>
<input type="text" name="emailaddress" value="" onclick="check_len()"/><br />
<label for="comments">Comments:</label>
<textarea name="comments" onclick="check_len()"></textarea><br />
<label for="terms">Agree to Terms?</label>
<input type="checkbox" name="terms" class="boxes" /><br />
<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
</form>
</body>
</html>

วิธีนี้ใช้ javascript ดูเป็นแนวทาง
ลองดูครับ

Date : 2010-03-23 16:17:31

By : exza_a

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ถ้ากรอกไม่ครบตามที่กำหนด ห้ามไปไหน ห้ามtab ต้องค้างอยู่แบบนั้น

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก