|
 |
| |
รบกวนผู้รู้ ขอ javascript ไม่ให้กรอกค่า น้อยกว่า หรือ เท่ากับ 0 ใน textbox |
| |
 |
|
|
 |
 |
|
เผื่อจะมีประโยชน์ครับ
jQuery ตรวจสอบกรอกตัวเลข Number เท่านั้น (Validate Input Number)
|
 |
 |
 |
 |
| Date :
2015-10-06 10:19:02 |
By :
mr.win |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตอนนี้กรอกได้แต่ตัวเลขใช้ function Checknumm แต่พอกรอกเลข 0 ก็ยังได้อยู่ ทำอย่างไรดีคะ
Code (PHP)
<script language="javascript">
function checkzero()
if( parseInt( '0'+textbox.value )==0) {
alert('จำนวนอุปกรณ์ที่ต้องการต้องมากกว่า 0 ค่ะ');
textbox.focus() }
</script>
<script language="javascript">
function CheckNumm()
{<!--คำสั่งนี้ก็การเช็คว่า รหัสตัวเลขของปุ่มที่กดลงมานั้น น้อยกว่า 48 หรือ มากกว่า 57 หรือไม่ถ้าใช่ก็แสดงว่าผู้ใช้กดปุ่มตัวอักษรอยู่ แต่ถ้าไม่ใช่ก็แสดงว่าผู้ใช้กดปุ่มตัวเลขนั่นเอง-->
if (event.keyCode < 48 || event.keyCode > 57){
event.returnValue = false;
alert("กรุณากรอกจำนวนเป็นตัวเลขเท่านั้นค่ะ");
}
}
</script>
<input type="text" class="form-control" name="total_borrow" id="total_borrow" onKeyPress="CheckNumm();" onSubmit="checkzero();" placeholder=" จำนวนอุปกรณ์ที่ต้องการยืม " required>
|
| |
|
|
| |
| Date :
2015-10-06 14:21:18 |
By :
programmua |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
onsubmit ไว้ใช้กับ from ครับ
<form onsubmit="return checkzero()" >
สำหรับ input ใช้ onchange
<input type="text" onchange="checkzero()"
และถ้าใช้กับ form ต้อง return false ออกมาด้วย กรณีที่ให้หยุดการ submit
alert('error'); input.focus(); return false;
|
| |
|
|
| |
| Date :
2015-10-06 15:11:02 |
By :
NewbiePHP |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยังไม่ได้เลยอ่ะค่ะ นี่โค้ดทั้งหมดนะคะ
Code (PHP)
<?php
include("template_user.php")
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Bootstrap CSS and bootstrap datepicker CSS used for styling the demo pages-->
<link rel="stylesheet" href="css/datepicker.css">
<script src="js/bootstrap-datepicker-thai.js"></script>
</head>
<form action="add_borrow.php" method="post" >
</br>
</br>
</br>
<!--Auto Number-->
<?php
error_reporting(0); // ปิด warning timezone
//*** Connect to Database **//
$objConnect = mysql_connect("localhost","root","usbw") or die("Error Connect to Database");
$objDB = mysql_select_db("database_thaifood");
$strNextSeq = "";
//*** Check Year ***//
$strSQL = "SELECT * FROM auto_id_borrow WHERE 1 ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$objResult = mysql_fetch_array($objQuery);
//*** Check val = year,month now ***//
if($objResult["val"] == date("Y")."-".date("m"))
{
$Seq = substr("00000".$objResult["seq"],-5,5); //*** Replace Zero Fill ***//
$strNextSeq = $objResult["val"]."-".$Seq;
//*** Update Next Seq ***//
$strSQL = "UPDATE auto_id_borrow SET seq= seq+1 ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
}
else //*** Check val != year,month now ***//
{
$Seq = substr("000001",-5,5); //*** Replace Zero Fill ***//
$strNextSeq = date("Y")."-".date("m")."-".$Seq;
//*** Update New Seq ***//
$strSQL = "UPDATE auto_id_borrow SET val = '".date("Y")."-".date("m")."' , seq = '1' ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
}
mysql_close($objConnect);
?>
<div align="center">
<div class="panel panel-primary" style="max-width:500px">
<!--PANEL หัวข้อ-->
<div class="panel panel-primary" style="background-color:#0e82d6;">
<div class="panel-body" style="color:white"><h4><span class="glyphicon glyphicon-export"></span> รายละเอียดการขอยืมอุปกรณ์คอมพิวเตอร์</h4></div>
</div>
<!--รหัสพนักงาน-->
<div align="left">
<label> รหัสการยืมอุปกรณ์</label>
<FONT COLOR="#FF0000">*</FONT>
</div>
<input type="text" class="form-control" name="borrow_id" size="7" value="<?php echo $strNextSeq; ?>" readonly>
</br>
<?php
$db_user=get_row_sql("SELECT * FROM db_user WHERE (user_id='".$_SESSION["user_id"]."')");
?>
<!--รหัสพนักงาน-->
<div align="left">
<label> รหัสพนักงาน </label>
<FONT COLOR="#FF0000">*</FONT>
</div>
<input type="text" class="form-control" name="user_id" size="12" value="<?php echo $db_user[0]["user_id"];?>" readonly>
<br/>
<div align="left">
<label> ประเภทอุปกรณ์ที่ต้องการยืม </label>
<FONT COLOR="#FF0000">*</FONT>
</div>
<!--เลือกอุปกรณ์มาแสดงใน dropdown-->
<?php
$link=mysql_connect("localhost","root","usbw") or die("error".mysql_error());
mysql_select_db("database_thaifood",$link);
mysql_query("SET character_set_results=utf8");//ตั้งค่าการดึงข้อมูลออกมาให้เป็น utf8
mysql_query("SET character_set_client=utf8");//ตั้งค่าการส่งข้อมุลลงฐานข้อมูลออกมาให้เป็น utf8
mysql_query("SET character_set_connection=utf8");//ตั้งค่าการติดต่อฐานข้อมูลให้เป็น utf8
?>
<select name="type_id" id="type_id" class="btn btn-default dropdown-toggle" required>
<option value="">- กรุณาเลือกประเภทอุปกรณ์ -</option>
<?php
$q="select * from db_type_device";
$qr=mysql_query($q);
while($rs=mysql_fetch_array($qr)){
?>
<option value="<?=$rs['type_id']?>"> <?=$rs['type_name']?> </option>
<?php } ?>
</select>
<!--สิ้นสุดการดึงอุปกรณ์-->
</br>
</br>
<div align="left">
<label> วันที่ยืม </label>
<FONT COLOR="#FF0000">*</FONT>
</div>
<div class="form-group">
<div class="input-group ">
<span class="input-group-addon" id="basic-addon1"> <span class="glyphicon glyphicon-calendar"></span></span>
<input type="text" class="form-control" name="date_borrow" id="date_borrow" required>
</div>
</div>
</br>
<div align="left">
<label> วันที่คืน</label>
<FONT COLOR="#FF0000">*</FONT>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" id="basic-addon1"> <span class="glyphicon glyphicon-calendar"></span></span>
<input type="text" class="form-control" name="date_return" id="date_return" required>
</div>
</div>
<!-- กำหนดเงื่อนไขให้วันที่ยืม ไม่สามารถเลยวันที่ปัจจุบันได้
และวันที่คืน ห้ามย้อนกลับไปก่อนวันที่ยืม-->
<script type="text/javascript">
var startDate = new Date('01/01/2009');
var FromEndDate = new Date();
var ToEndDate = new Date();
ToEndDate.setDate(ToEndDate.getDate()+365);
$('#date_borrow').datepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
startDate: '01/01/2009',
endDate: FromEndDate,
autoclose: true
})
.on('changeDate', function(selected){
startDate = new Date(selected.date.valueOf());
startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
$('#date_return').datepicker('setStartDate', startDate);
});
$('#date_return').datepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
startDate: startDate,
endDate: ToEndDate,
autoclose: true
})
.on('changeDate', function(selected){
FromEndDate = new Date(selected.date.valueOf());
FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf())));
$('#date_borrow').datepicker('setEndDate', FromEndDate);
});
</script>
<br/> <!--ขึ้นบรรทัดใหม่-->
<div align="left">
<label> จำนวนที่ยืม </label>
<FONT COLOR="#FF0000">*</FONT>
</div>
<script language="javascript">
function CheckNumm()
{<!--คำสั่งนี้ก็การเช็คว่า รหัสตัวเลขของปุ่มที่กดลงมานั้น น้อยกว่า 48 หรือ มากกว่า 57 หรือไม่ถ้าใช่ก็แสดงว่าผู้ใช้กดปุ่มตัวอักษรอยู่ แต่ถ้าไม่ใช่ก็แสดงว่าผู้ใช้กดปุ่มตัวเลขนั่นเอง-->
if (event.keyCode < 48 || event.keyCode > 57){
event.returnValue = false;
alert("กรุณากรอกจำนวนเป็นตัวเลขเท่านั้นค่ะ");
}
}
</script>
<script language="javascript">
function checkzero()
var textbox = document.getElementById('[color=teal]total_borrow');
//ข้างบน เอา ID มาใช้ในการอ้างครับ
if( parseInt( '0'+textbox.value )==0) {
alert('จำนวนอุปกรณ์ที่ต้องการต้องมากกว่า 0 ค่ะ');
textbox.focus()
</script>
<input type="text" class="form-control" name="total_borrow" id="total_borrow" onKeyPress="CheckNumm();" onchange="checkzero()" placeholder=" จำนวนอุปกรณ์ที่ต้องการยืม " required>
<br/>
<div align="left">
<label> กรุณาระบุวัตถุประสงค์</label>
<FONT COLOR="#FF0000">*</FONT>
</div>
</br>
<textarea class="form-control" name="des_borrow" cols="70" rows="7" style="background-color:white;" required></textarea>
</br>
</br>
<div align="center">
<button class="btn btn-primary" type="submit" name="Add" id="Add" value="Add" >
<span class="glyphicon glyphicon-plus-sign"></span>
ส่งข้อมูล
</button>
</div>
</br>
</div>
</div>
</form>
</html>
</div>
<div align="center">
<button class="btn btn-success" type="cancel" value="cancel" onclick="window.location.href='home_user.php?val='">
<span class="glyphicon glyphicon-menu-left"></span>
กลับหน้าแรก
</button>
</br>
</br>
</div>
|
| |
|
|
| |
| Date :
2015-10-06 18:51:55 |
By :
programmua |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ต้องแยกแยะให้ถูกต้องน่ะคับ ว่าตอนนี้มีปัญหากับโค้ดฝั่งไหน client หรือ server
ถ้าเป็น client (javascript = การทำงานเพื่อตอบโต้กับผู้ใช้ , CSS , HTML) ก็ให้คลิกเมาส์ขวาแล้วเลือก ดูซอร์สโค้ด
ถ้าเป็น server (PHP , MySQL , jQuery ) ให้เอาไฟล์ .php มาได้เลย 
|
| |
|
|
| |
| Date :
2015-10-06 19:26:05 |
By :
ศักดินา ผู้อวดดี |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอโทษโค๊ดผมผิดครับจะใส่ สี เกิดผิดผลาดทางเทคนิค
229.var textbox = document.getElementById('[color=teal]total_borrow'); ตัวหนา ลบออกครับ มันเกินมา
|
| |
|
|
| |
| Date :
2015-10-06 19:54:38 |
By :
NewbiePHP |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
