Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > onchange เช็คสนาม แล้วก็วันที่ปิดทำการ วอนผู้รุ้ช่วยทีครับตอนนี้ผม งงมากๆ

onchange เช็คสนาม แล้วก็วันที่ปิดทำการ วอนผู้รุ้ช่วยทีครับตอนนี้ผม งงมากๆ

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

matines

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

สวัสดีครับผมอยากมีเรื่องให้ช่วยหน่อยครับเรื่องการ onchange พอดีผมไม่ค่อยเข้าใจ
ผมต้องการใช้ onchange เช็คระหว่าง สนาม กับ วันที่ปิดทำการ ถ้าสนามนี้ มีวันปิดทำการอยู่ ให้ alert เด้งมาเตือนว่ามีแต่ถ้าไม่ ก็ ทำขั้นตอนต่อไปได้

.....ผมไม่แน่ใจผมเข้าใจถูกรึเปล่านะครับ มือใหม่ครับไม่ค่อยเข้าใจ ทำโปรเจคจบครับ ......

อันนี้ html ครับ

Code (PHP)

<form class="form-horizontal"   method="post">
	<div class="form-group">
	  <label class="col-md-3 control-label">เลือกสนาม : </label>
   <div class="col-md-9">
	<select class="form-control">
<?php
foreach ($objQuery1 as $row1) {
?>
<option name="b_field" id="b_field" value="<?php echo $row1['id']; ?>"><?php echo $row1['name']; ?></option>
<?php } ?>
	</select>
	</div>
</div>
	<div class="form-group">
         	<label class="col-md-3 control-label">วันที่จอง : </label>
	<div class="col-md-9">
		<input type="date" name="b_date" id="b_date" class="form-control" onchange="datefunction()" />
	</div>
</div>
	<div class="form-group">
		<label class="col-md-3 control-label">เวลาเริ่ม : </label>
	<div class="col-md-9">
		<input type="time" class="form-control" value="06:00" />
	</div>
	</div>
	<div class="form-group">
		<label class="col-md-3 control-label">ถึงเวลา : </label>
	<div class="col-md-9">
         	<input type="time" class="form-control" />
	</div>
		</div>
	<div class="form-group">
	<label class="col-md-3 control-label">หมายเลขบัตรประจำตัวประชาชน :</label>
	<div class="col-md-9">
	<input type="text" class="form-control" placeholder="0-0000-00000-00-0" />
	</div>
		</div>
	<div class="form-group">
        	<label class="col-md-3 control-label">ชื่อ-นามสกุล :</label>
	<div class="col-md-9">
		<input type="text" class="form-control" id="name" name="name" placeholder="ชื่อ-นามสกุล" />
	</div>
	</div>

	<div class="form-group">
		<label class="col-md-3 control-label">Status :</label>
	<div class="col-md-9">
		<input type="text" class="form-control" id="status" name="status" />
	</div>
	</div>

	<div class="form-group">
		<label class="col-md-3 control-label">จำนวนผู้เข้างาน :</label>
	<div class="col-md-9">
		<select class="form-control">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
        	<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
	</select>
	</div>
		</div>

	<div class="form-group">
	<label class="col-md-3 control-label">เบอร์โทรศัพท์ :</label>
		<div class="col-md-9">
	<input type="text" class="form-control" id="masked-input-phone" placeholder="(999) 999-9999" />
	</div>
	</div>
	<div class="form-group">
	<label class="col-md-3 control-label">Email :</label>
	<div class="col-md-9">
	<input type="text" class="form-control" placeholder="[email protected]" />
		</div>
		</div>
	</div>
		</div>
		</div>
		</div>
	<div class="modal-footer">
	<a href="javascript:;" class="btn btn-sm btn-white" data-dismiss="modal">Close</a>
	<a href="javascript:;" class="btn btn-sm btn-success">อนุมัติ</a>
	</div>
	</div>
	</div>
	</form>

อันนี้ ในส่วนของหน้าที่ใช้ ตรวจสอบครับ
Code (PHP)

<?php
session_start();
include("../inc/database.php");

$b_field = $_REQUEST["b_field"];
$b_date = $_REQUEST["b_date"];

$strSQL = "SELECT * FROM holiday WHERE (f_id = '" . $b_field . "')  AND (h_start <='" . $b_date . "') AND (h_end >='" . $b_date . "')";
$result = mysqli_query($objConnect, $strSQL);

    while(($resultArray[] = mysqli_fetch_assoc($result)) || array_pop($resultArray));
    echo json_encode($resultArray);
    
?>

ต่อไปในส่วนของฟังก์ชั่นครับ อันนี้ผมไม่เข้าใจมากๆเลยครับ งงไปหมดแล้วครับวอนช่วยผมทีครับCode (JavaScript)

function datefunction() {
			var f = document.getElementById("b_field").value;
			var b = document.getElementById("b_date").value;
			var cbk = "checkbooking.php";
			// alert();
			jQuery.ajax({
			url:cbk,   
			success:callback, 
			dataType: "json" 
    });

		}

อย่าด่าอย่าว่าผมเลยนะครับ ผมพยายามหาดูศึกษาแล้ว ไม่ค่อยเข้าใจจริงๆครับ

Tag : PHP, HTML, JavaScript, Ajax, jQuery

ประวัติการแก้ไข
2020-08-05 17:17:00

Date : 2020-08-05 17:07:38

By : matines

View : 951

Reply : 6

No. 1

พระยาเทพ

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

Quote:
ทำโปรเจคจบครับ ......

งั้นขออนุญาตถามก่อน (เพื่อไม่กลายเป็นยาพิษต่อนักศึกษาเอง)

สนาม กับ วันที่ปิดทำการ อยู่ส่วนไหนของโค้ด (ถามเพื่อนำไปใช้ใน jQuery selector)

Date : 2020-08-05 17:41:49

By : PhrayaDev

No. 2

matines

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : PhrayaDev เมื่อวันที่ 2020-08-05 17:41:49

รายละเอียดของการตอบ ::

อยู่อีกหน้านึง ครับ เป็นหน้าการจัดการสนาม reparifield.php ผมทำเป็น modal แล้วลูปเช็คบ็อก ออกมาให้เลือกเพื่ออินเสิต ลูปเข้าไป
[/quote-no

หน้าวันหยุด

โค้ดหน้า reparifield.php

Code (PHP)

<form class="form-horizontal form-bordered "  method="post" enctype="multipart/form-data">
                   <div class="form-group">
                <label class="col-md-4 control-label">เลือกวันหยุดสนาม</label>
                        <div class="col-md-8">
                                            
                     <div class="input-group input-daterange">
                             <input type="date" class="form-control" name="h_start" />
                                     <span class="input-group-addon">ถึง</span>
                                            <input type="date" class="form-control" name="h_end" />
                                        </div>
                                   </div>
                              </div>
                      <div class="form-group">
                        <label class="control-label col-md-4 col-sm-2">เลือกสนาม :</label>
                            <div class="col-md-3 ">
               <?php
            $i = 0;
             while ($row = mysqli_fetch_array($objQuery1, MYSQLI_ASSOC)) {       

            ?>
                       <div class="checkbox">
                       <label>
           <input type="hidden" name="CustomerID[]" id="CustomerID" value="<?php echo $row["id"]; ?>" />
           <input type="checkbox" name="Ch_INSERT[]" id="Ch_INSERT" value="<?php echo $i++; ?>" /> <?php echo $row["name"]; ?> 
                                                                                       
                   </label>
                     </div>
                          <?php } ?>
                               </div>
                                          </div>
                        <div class="form-group">
                                 <label class="control-label col-md-4 col-sm-4">เหตุผล :</label>
                              <div class="col-md-6 col-sm-6">
            <input class="form-control parsley-validated" type="text" id="h_reason" name="h_reason" placeholder="เหตุผล"  />
                           </div>
                       </div>
                                                                
                                     </div>
                                         </div>

                                                   </div>

                                         <div class="modal-footer">
                      <a href="javascript:;" class="btn btn-sm btn-white" data-dismiss="modal">Close</a>
                      <input  type="submit" id="SAVE" name="SAVE[]" value="SAVE" class="btn btn-sm btn-success"></input>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        </form>

ส่วนนี้ เป็นคำสั่ง insert ครับ

Code (PHP)

 <?php

$CheckBox = $_POST['Ch_INSERT'];
if (isset($_POST["SAVE"])) {
    if (empty($CheckBox) || $CheckBox == 0) {
        echo "Please Select Checkbox after click Save!!!";
    } else {
        foreach ($_POST['Ch_INSERT'] as $i) {
            $INSERT = "INSERT INTO holiday (
                                            f_id,h_start,h_end,h_reason
                                            )
                         VALUES
                                            ('{$_POST['CustomerID'][$i]}',
                                            '{$_POST['h_start']}',
                                            '{$_POST['h_end']}',
                                            '{$_POST['h_reason']}' )";
            $Q_INSERT = mysqli_query($objConnect, $INSERT);
        }
    }
    if ($Q_INSERT) {
        echo "<script> alert('SAVE DONE !!!') </script>";
    }
}
?>

Date : 2020-08-05 18:01:54

By : matines

No. 3

matines

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : PhrayaDev เมื่อวันที่ 2020-08-05 17:41:49

รายละเอียดของการตอบ ::

สนามกับวันปิดทำการ ผมเข้าใจว่าต้องไปเช็คเอาในฐานข้อมูล แะครับ ผมต้องเอาออกมาในหน้าที่จะทำการเช็คด้วยใช่ไหมครับ

Date : 2020-08-05 18:06:16

By : matines

No. 4

พระยาเทพ

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : matines เมื่อวันที่ 2020-08-05 18:01:54

รายละเอียดของการตอบ ::

ถ้ายึดตามไอเดียของคุณ
1. ติดตั้ง onchange event ให้กับ input date(Datepicker) ใน reparifield.php ให้เรียบร้อย

Code (JavaScript)

$(function () {
        $("#datetimepicker").on("dp.change", function (e) {
            //...
        });
});

2. ทำการคิวรีวันหยุดทั้งหมดแล้วเก็บไว้ในตัวแปร (PHP)
3. JS(onchange) - ทำ AJAX ไปยัง self/same page ด้วยวิธีการ POST ส่งค่า value ใน input date(Datepicker) (คุณมีสองอันก็ส่งไปสอง) ไปให้ PHP เพื่อทำการเช็ค
4. ถ้าไม่ซ้ำก็ insert

คำสั่งหลักๆ ก็มี

https://www.php.net/manual/en/book.mysqli.php
https://api.jquery.com/jquery.ajax/
https://api.jquery.com/change/
https://stackoverflow.com/questions/40762549/html5-input-type-date-onchange-event

ผมขอเสนออีกทาง เดาว่าคุณใช้ Datepicker สำหรับ bootstrap 3

ใช้ disabled option ไม่ให้ user เลือกวันที่มีในฐานข้อมูลแล้ว
Code (JavaScript)

$(function () {
                $('#datetimepicker').datetimepicker({
                    defaultDate: "11/1/2013",
                    disabledDates: [ // นำ date array ที่รับมาจากฐานข้อมูลผ่าน PHP มาใส่ตรงนี้
                        moment("12/25/2013"),
                        new Date(2013, 11 - 1, 21),
                        "11/22/2013 00:53"
                    ]
                });
            });

ตอบความคิดเห็นที่ : 3 เขียนโดย : matines เมื่อวันที่ 2020-08-05 18:06:16

รายละเอียดของการตอบ ::

ใช่ครับ

เป็นการแนะนำตามนโยบายของรัฐเพื่อคุณภาพและเป็นประโยชน์สูงสุดแก่ตัวนักศึกษา...ดังนั้น คำตอบที่ให้ไปจึงไม่ใช่อาหารจานด่วน
หากมีส่วนไหนไม่เข้าใจสามารถสอบถามเพิ่มเติมได้ พร้อมสิ่งที่ใส่เพิ่มลงไปในโค้ด

Date : 2020-08-06 13:40:34

By : PhrayaDev

No. 5

HaraRock

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : matines เมื่อวันที่ 2020-08-05 18:01:54

รายละเอียดของการตอบ ::

... ใส่ความคิดเห็นตรงนี้.......

มีคนเอา Code ผมไปใช้งานด้วย 555
ตอนนี้กำลังจะ อับบทความใหม่พอดี กับ Insert ที่ยากขิ้นไปอีก

Date : 2020-08-13 11:11:50

By : Hararock

No. 6

HaraRock

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

แวะมาทักทายหายจาก www.thaicreate.com มาเป็นปีๆ
======================================
ในระบบนี้ก็ไม่เห็นจะยาก
(เลือกวันที่ == ว่าง){
แสดงสนาม;
จำนวนสนาม;
สถานะเปีดให้จองใช้งาน;
Insert;
Update;
Delete;

}else{
เด้งออกหน้าหลัก จบการทำงาน;
etc... up to you;
up to you ,
You can choose ,
You can do it,
if you lost ,
You can post Problems on www.thaicreate.com

Return 0;
}

Date : 2020-08-13 11:22:38

By : Hararock

ค้นหาข้อมูล

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

Re : onchange เช็คสนาม แล้วก็วันที่ปิดทำการ วอนผู้รุ้ช่วยทีครับตอนนี้ผม งงมากๆ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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