|
 |
| |
สอบถามเรื่อง button กับ javascript ใน php ครับ มันสามารถทำได้หรือไม่ครับ รายละเอียดด้านในครับ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> สอบถามเรื่อง button กับ javascript ใน php ครับ มันสามารถทำได้หรือไม่ครับ รายละเอียดด้านในครับ </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Unidentifier">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
input:disabled{
font-style:italic;
background-color:#808040;
color:white;
}
</style>
<script type="text/javascript">
<!--
$(document).ready(function(){
$("input[type='submit']").attr({"disabled":"disabled"});
$("input[type='text']").keyup(function(){
var checkVal = true;
$("input:text").each(function(){
if($(this).val().length == 0)
checkVal &= false;
});
if(checkVal) $("input[type='submit']").removeAttr("disabled");
else $("input[type='submit']").attr({"disabled":"disabled"});
});
});
//-->
</script>
</head>
<body>
<form method="post" action="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="submit" />
</form>
</body>
</html>
|
 |
 |
 |
 |
| Date :
2013-02-16 12:04:28 |
By :
sakuraei |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณมากครับผม
|
| |
|
|
| |
| Date :
2013-02-16 14:30:29 |
By :
ศราวุฒิ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากครับผม 
|
| |
|
|
| |
| Date :
2013-02-16 14:31:57 |
By :
saravutpt |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่เป็นไรครับ 
|
| |
|
|
| |
| Date :
2013-02-16 14:33:27 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมใส่ใจเรื่อง โหลดของระบบเสมอน่ะครับ บางครั้งเป็นการเขียนเพื่อแก้ปัญหาให้ผู้ถามอย่างรวดเร็ว
ผมเป็นคนธาตุลม ชอบทำอะไรเร็วๆครับ แต่ถ้าส่วนตัวแล้วเขียนระบบใหญ่ๆ จะรอบครอบมากกว่านี้ครับ 
|
| |
|
|
| |
| Date :
2013-02-16 15:05:51 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมก็ธาตุลมครับ 
|
| |
|
|
| |
| Date :
2013-02-16 15:08:26 |
By :
cookiephp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมเข้าใจน่ะครับว่า สูงสุด คืนสู่สามัญ
แต่ผมเหมือนเด็กที่ได้ของเล่นใหม่ รู้สึกสนุก ตื่นเต้นที่ได้ค้นพบอะไรใหม่ Jquery เพราะผมไม่ชอบ Javascript DOM เท่าไหร่นัก
ไม่เคยชื่นชมกับการเขียนแบบเก่าเลย 
|
| |
|
|
| |
| Date :
2013-02-16 15:08:59 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อ๋อเหมือนว่า config มันซ้อนกัน อย่างนี้ใช้มั้ย เหมือนว่าจะเคยเจอ ต้องทำการ remove ออกก่อน
Code (PHP)
<script>
function show(id){
id.addClass('show');
}
</script>
<input type="text" id="txt" class="display-non" onclick="return show($('#txt'));">
|
| |
|
|
| |
| Date :
2013-02-16 15:12:37 |
By :
Ex-[S]i[L]e[N]t |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แต่ถ้าคุณเข้าใจ DOM คุณจะเขียน jquery ได้ดีขึ้นครับ
รวมไปถึงทำให้โปรแกรมของคุณมีคุณภาพมากขึ้นได้ด้วย
เพราะคุณจะเลือกใช้ jquery เมื่อจำเป็น คือเมื่อต้องการความสามารถของมันจริงๆ
ส่วนทั่วๆ ไปคุณก็สามารถใช้ DOM ได้โดยตรง เพราะมันเร็วกว่า
อย่างโค้ดของคุณผมก็สามารถ optimize มันได้อีกขั้น
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> สอบถามเรื่อง button กับ javascript ใน php ครับ มันสามารถทำได้หรือไม่ครับ รายละเอียดด้านในครับ </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Unidentifier">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
input:disabled{
font-style:italic;
background-color:#808040;
color:white;
}
</style>
<script type="text/javascript">
<!--
$(document).ready(function(){
// สร้าง jq object มาไว้ตั้งแต่แรกเลย ไม่ต้องเรียกซ้ำๆ ทุกครั้งที่พิมพ์ มันเปลืองแบตรู้ไหมเธอว์
var inputs = $("input:text"),
buttons = $("input[type='submit']");
function check() {
var checkVal = true, i;
for (i = 0; i < inputs.length; i++) {
if (!inputs[i].value) { // ถ้ามีตัวใดตัวหนึ่งกรอกไม่ครบ
checkVal = false;
break; // ออกเลย ไม่ต้องตรวจหมด
}
}
for (i = 0; i < buttons.length; i++) {
buttons[i].disabled = !checkVal;
}
}
inputs.keyup(check);
check(); // ตรวจครั้งแรก
});
//-->
</script>
</head>
<body>
<form method="post" action="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="submit" />
</form>
</body>
</html>
|
ประวัติการแก้ไข
2013-02-16 15:21:58
| |
|
|
| |
| Date :
2013-02-16 15:20:33 |
By :
cookiephp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มือใหม่อย่างผมนี่ คงต้อง เขียนไปเช็คไป แล้วสิครับ
|
| |
|
|
| |
| Date :
2013-02-16 15:28:51 |
By :
Ex-[S]i[L]e[N]t |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ได้เข้าใจผิดครับ ต่อให้ไม่ได้อยู่ในรูป .each
แต่
$("input[type='submit']").removeAttr("disabled");
และ
$("input[type='submit']").attr({"disabled":"disabled"})
เนี่ย ถ้ามีปุ่ม submit มากกว่้า 1 ปุ่ม
มันก็จัดการหมดครับ ลองเพิ่มปุ่มเข้าไปสิครับ อิอิ
|
| |
|
|
| |
| Date :
2013-02-16 15:45:49 |
By :
cookiephp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เราสามารถ fix textfield ไว้เลยได้ใหมครับ text ที่ 1 ไม่ต้องกรอก แต่อีก 4 text field ต้องกรอกถึงจะ Enable ปุ่ม button
ลองใช้ดูมัน เล่นเอาทั้ง page เลยครับ ถ้ามี 10 textfield ก็ต้องกรอก 10 text ถึงจะบันททึกได้ ขอคำปรึกษาหน่อยครับ มือใหม่มากๆๆๆ
|
| |
|
|
| |
| Date :
2013-02-16 16:02:06 |
By :
saravutpt |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมชอบสไตล์นี้ครับ
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
input:disabled{
font-style:italic;
background-color:#808040;
color:white;
}
</style>
<script type="text/javascript">
<!--
$(document).ready(function(){
var submitBTN = $("input[type='submit']");
var allInput = $("input[type='text']");
submitBTN.attr({"disabled":"disabled"});
$(allInput).keyup(function(){
var checkVal = true;
$(allInput).each(function(index){
if(index> 1 && index <5 && $(this).val().length == 0){ // กำหนด ที่บรรทัดนี้ครับ ตัวที่สองถึงสี่
checkVal &= false;
return checkVal;
}
});
submitBTN.prop({"disabled":!checkVal});
});
});
//-->
</script>
</head>
<body>
<form method="post" action="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="">
<input type="submit" />
</form>
|
| |
|
|
| |
| Date :
2013-02-16 16:07:53 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ทราบว่าทำไมต้องใช้ bitwise and assignment ด้วยครับ
checkVal &= false;
แล้วทำไมต้อง return ครับ ในเมื่อเราก็กำหนดค่า checkVal ไปแล้ว
return checkVal;
|
| |
|
|
| |
| Date :
2013-02-16 16:13:04 |
By :
cookiephp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่มีอะไรหรอกครับ อย่าไปคิดมาก แค่ต้องการออกจากลูปเท่านั้นเอง
ตรรกะบางตัวก็ไม่จำเป็นต้องมีคำอธิบาย อยู่ที่สุนทรีภาพของผู้เขียนครับ
|
ประวัติการแก้ไข
2013-02-16 16:20:19
| |
|
|
| |
| Date :
2013-02-16 16:16:44 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมแนะนำอีกแนวคิดครับ
ให้ใช้ class เพื่อบอก jquery ว่า จะเลือกตัวไหนมาตรวจสอบ
เพราะถ้าเราตรวจสอบใน javascript แบบนั้น ถ้าหากเราอยากจะเพิ่มหรือลบ หรือแม้แต่เปลี่ยนแปลงตำแหน่งของ input
เราก็จะต้องแก้ javascript ด้วย
ไหนๆ จะใช้ jquery แล้ว ก็ใช้ให้มันคุ้มครับ
Code (JavaScript)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> สอบถามเรื่อง button กับ javascript ใน php ครับ มันสามารถทำได้หรือไม่ครับ รายละเอียดด้านในครับ </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Unidentifier">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
input:disabled{
font-style:italic;
background-color:#808040;
color:white;
}
</style>
<script type="text/javascript">
<!--
$(document).ready(function(){
// สร้าง jq object มาไว้ตั้งแต่แรกเลย ไม่ต้องเรียกซ้ำๆ ทุกครั้งที่พิมพ์ มันเปลืองแบตรู้ไหมเธอว์
var inputs = $("input.required:text"), // หาเฉพาะ input ชนิด text ที่มี class 'required'
buttons = $("input[type='submit']");
function check() {
var checkVal = true, i;
for (i = 0; i < inputs.length; i++) {
if (!inputs[i].value) { // ถ้ามีตัวใดตัวหนึ่งกรอกไม่ครบ
checkVal = false;
break; // ออกเลย ไม่ต้องตรวจหมด
}
}
for (i = 0; i < buttons.length; i++) {
buttons[i].disabled = !checkVal;
}
}
inputs.keyup(check);
check(); // ตรวจครั้งแรก
});
//-->
</script>
</head>
<body>
<form method="post" action="">
<input type="text" name="" />
<input type="text" name="" class="required" />
<input type="text" name="" class="required" />
<input type="text" name="" class="required" />
<input type="text" name="" class="required" />
<input type="text" name="" />
<input type="text" name="" />
<input type="text" name="" />
<input type="submit" />
</form>
</body>
</html>
|
| |
|
|
| |
| Date :
2013-02-16 16:18:57 |
By :
cookiephp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตรรกะบางตัวก็ไม่จำเป็นต้องมีคำอธิบาย อยู่ที่สุนทรีภาพของผู้เขียนครับ
อันนี้ผมไม่เห็นด้วยนะครับ
หากมีคนจำไปใช้ล่ะครับ โดยที่ไม่เข้าใจ และคิดว่าถูกต้อง มันจะแย่นะครับ
checkVal = false;
กับ
checkVal &= false;
นี่การทำงานคนละเรื่องเลยนะครับ
&= มันให้ผลคืนกลับมาเป็น Number เสมอ
มันไม่ได้เป็นการทำให้ checkVal มีค่าเป็น Boolean false ครับ
แต่ทำให้ checkVal มีค่าเป็น 0
โอเคมันได้ผลในโปรแกรมนี้ เพราะ checkVal มีประโยชน์แค่เป็น boolean flag
แต่ถ้ามีคนจำไปใช้ล่ะครับ โดยที่คิดว่าเป็นการกำหนดค่าธรรมดาเหมือนกับ =
มันไม่ดีนะครับผมว่า
|
| |
|
|
| |
| Date :
2013-02-16 16:32:13 |
By :
cookiephp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอถามอีกนิดนึงนะครับ ระหว่างการรับค่า 2 ทางนี้ มีข้อดีหรือข้อเสียแตกต่างกันไหมครับ หรือว่าจะใช้อย่างไรก็ได้ตามความสะดวกของผู้เขียน
Code (PHP)
$("input[type='text']")
$("#txtUsername")
|
ประวัติการแก้ไข
2013-02-16 16:58:26
| |
|
|
| |
| Date :
2013-02-16 16:57:13 |
By :
Ex-[S]i[L]e[N]t |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณทุกคอมเม้นะครับ ได้ความรู้ขึ้นเยอะมากเลยครับ
|
| |
|
|
| |
| Date :
2013-02-17 18:52:47 |
By :
saravutpt |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอ 3 คำนะ....
"คุย ไร กัน"
อยากจะร้องไห้ T^T ไม่รู้เรื่องเลย....
อ่าน หรือ เรียน มาอ่ะ.....
ตามไม่ทัน จริง ๆ แง ๆ ๆ ๆ ๆ
แนะนำให้อ่านบ้างจิ่
|
| |
|
|
| |
| Date :
2013-02-17 19:58:10 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ถ้าอยากจะเช็ค textarea และ list และ radio สามารถทำได้หรือไม่ครับ ขอความรู้ประดับหัวหน่อยครับ ผมมืดแปดทิศเลยครับ มีแต่ท่านเทพๆครับ ขอบคุณครับ
|
| |
|
|
| |
| Date :
2013-02-17 20:10:54 |
By :
saravutpt |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ส่วนผมเป็นประเภทบ้า อีบุ๊คครับ มีอยู่เป็นตันเลย แต่ไม่ค่อยมีเวลาอ่าน
การอ่านอีบุ๊คจะต่างกับอ่าน reference อยู่บ้างตรงที่ เราจะได้แนวความคิดในการแก้ไขปัญหาของผู้แต่ง ตามกรณีตัวอย่างที่มีในหนังสือ
แต่ reference จะเน้นหนักไปที่พื้นฐานของภาษานั้นๆ
ตัวผมเองชอบเข้าไปอ่านที่ stackoverflow.com ครับ ส่วนน้อยที่จะเข้าไปตอบ มีถามบ้างแต่ไม่บ่อย ที่นั่นมีแต่เทพเหนือเทพครับ..อิอิ
ส่วน reference ก็เหมือนคุณ คุ้กกี้ ที่เดียวกัน
|
| |
|
|
| |
| Date :
2013-02-17 20:51:53 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
รบกวนหน่อยครับผมลองเขียน check พวก textarea ,list radio ที่นอกจาก textfield อ่ะครับ ผมทำไม่ได้ครับรบกวนขอแนวทางโค๊ยหน่อยนะครับ ผมมืดแปดด้านมาก
|
| |
|
|
| |
| Date :
2013-02-18 09:14:49 |
By :
saravutpt |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เพิ่งเริ่มศึกษา จาวาสคริปท์ค่ะ ผิดถูกอย่างไรช่วยชี้แนะด้วย
<script>
$(document).ready(function(){
$(":radio[name='aa']").click(function(){
if($(this).val())
document.getElementById('submitBTN').disabled=false;
});
});
</script>
<form action="" >
<input type="radio" name="aa" value="1" /><br />
<input type="radio" name="aa" value="2" /><br />
<input type="radio" name="aa" value="3" /><br />
<input type="radio" name="aa" value="4" /><br />
<hr />
<input type="radio" name="ba" value="1" /><br />
<input type="radio" name="ba" value="2" /><br />
<input type="radio" name="ba" value="3" /><br />
<input type="radio" name="ba" value="4" /><br />
<hr />
<textarea id="remark" onkeyup="if(this.value != '')document.getElementById('submitBTN').disabled=false;"></textarea>
<input type="submit" id="submitBTN" disabled="disabled" />
|
ประวัติการแก้ไข
2013-02-18 13:19:54
| |
|
|
| |
| Date :
2013-02-18 12:46:20 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
