เรื่อง form ของ bootstrap css
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เรื่อง form ของ bootstrap css
เรื่อง form ของ bootstrap css
Copy
ทำไมมันไมไ่ด้อ่าค่ะ ข่วยดูมห้น่อยได้ไหมค่ะ ว่าเกิดจาอารัย
<?php
include("include/connect.php");
Check_Login(); /* ตรวจสอบสถานะล็อคอิน */
$sqlTld = "SELECT * FROM tld";
$resultTld = mysql_query($sqlTld);
$sqlPack = "SELECT * FROM package";
$resultPack = mysql_query($sqlPack);
?>
<?
if($_POST["cus_submit"] == 'Add'){
$sqlcus = "insert into customer (FK_pack_id,cus_name,cus_address,cus_company,cus_email,cus_tel,cus_date,cus_domain_name,cus_domain_tld,cus_status) values('".$_POST['FK_pack_id']."','".$_POST['cus_name']."','".$_POST['cus_address']."','".$_POST['cus_company']."','".$_POST['cus_email']."','".$_POST['cus_tel']."','".$_POST['cus_date']."','".$_POST['cus_domain_name']."','".$_POST['cus_domain_tld']."','".$_POST['cus_status']."')";
$resultcus = mysql_query($sqlcus);}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php include("content/head.php"); ?>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> -->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery-1.8.3.min.js"></script>
<style type="text/css">
.form-group{ margin-bottom:0px !important;}
.form-control-feedback{top:0px !important;}
</style>
<script>
function ChkDomain(){
$("#ChkDomainMsg").hide();
if(!$('#ChkDomainName').val()){
$("#ChkDomainMsg").hide();
}
var ChkDomainName = $("#ChkDomainName").val();
var ChkDomainTld = $("#ChkDomainTld").val();
$.ajax({
type: "POST",
url: "customer_check_domain.php",
data: "ChkDomainName="+ChkDomainName+"&ChkDomainTld="+ChkDomainTld,
success: function (dataCheck) {
$("#ChkDomainMsg").html(dataCheck).show();
}
});
}
</script>
</head>
<body>
<div id="header">
<?php include("content/header.php"); ?>
</div>
<div id="content">
<div id="main_menu">
<?php include("content/main_menu.php"); ?>
</div>
<div id="main_form">
<div class="title_line">
<p>New Domain</p>
</div>
<div class="title_menu">
<a href="customer.php" class="title_link">Customer</a> > <b>Add Domain</b>
</div>
<div class="table">
<form id="myform1" name="form1" class="form table_form2" action="" method="post">
<ul>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">Date Start<span class="table_form_name_require">*</span></label>
<input type="date" name="cus_date" class="form-control css-require table_form_input">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</li>
</div>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">Customer Name<span class="table_form_name_require">*</span></label>
<input type="text" name="cus_name" class="form-control css-require table_form_input">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</li>
</div>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">Address</label>
<textarea name="cus_address" class="form-control css-require table_form_input"></textarea>
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</li>
</div>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">Company</label>
<input type="text" name="cus_company" class="form-control css-require table_form_input">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</li>
</div>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">E-Mail</label>
<input type="text" name="cus_email" class="form-control css-require table_form_input">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</li>
</div>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">Telephone<span class="table_form_name_require">*</span></label>
<input type="text" name="cus_tel" class="form-control css-require table_form_input">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</li>
</div>
<li>
<label class="table_form_name">Domain Name<span class="table_form_name_require">*</span></label>
</li>
<li>
<input type="text" name="cus_domain_name" class="table_form_input table_form_input2" id="ChkDomainName" onchange="ChkDomain()">
<select name="cus_domain_tld" class="table_form_input table_form_input3" id="ChkDomainTld" onchange="ChkDomain()">
<?php while($rowTld = mysql_fetch_array($resultTld)){ ?>
<option value="<?=$rowTld["tld_name"]?>">.<?=$rowTld["tld_name"]?></option>
<?php } ?>
</select><span id="ChkDomainMsg" class="table_form_status_domain"></span>
</li>
<div class="form-group has-feedback">
<li>
<label class="table_form_name">Package Name</label>
<select name="FK_pack_id" class="form-control css-require table_form_input">
<option value="0">-- Select --</option>
<?php
while($rowPack = mysql_fetch_array($resultPack)){
?>
<option value="<?=$rowPack["pack_id"]?>"><?=$rowPack["pack_name"]?></option>
<? } ?>
</select>
</li>
</div>
<li class="table_form_button2">
<input type="submit" name="cus_submit" value="Add" class="table_form_button">
<input type="reset" name="cus_reset" value="Reset" class="table_form_button">
</li>
</ul>
</form>
</div>
</div>
<div id="footer">
<?php include("content/footer.php"); ?>
</div>
</body>
</html>
<script type="text/javascript">
$(function(){
var obj_check=$(".css-require");
$("#myform1").on("submit",function(){
obj_check.each(function(i,k){
var status_check=0;
if(obj_check.eq(i).find(":radio").length>0 || obj_check.eq(i).find(":checkbox").length>0){
status_check=(obj_check.eq(i).find(":checked").length==0)?0:1;
}else{
status_check=($.trim(obj_check.eq(i).val())=="")?0:1;
}
formCheckStatus($(this),status_check);
});
if($(this).find(".has-error").length>0){
return false;
}
});
obj_check.on("change",function(){
var status_check=0;
if($(this).find(":radio").length>0 || $(this).find(":checkbox").length>0){
status_check=($(this).find(":checked").length==0)?0:1;
}else{
status_check=($.trim($(this).val())=="")?0:1;
}
formCheckStatus($(this),status_check);
});
var formCheckStatus = function(obj,status){
if(status==1){
obj.parent(".form-group").removeClass("has-error").addClass("has-success");
obj.next(".glyphicon").removeClass("glyphicon-warning-sign").addClass("glyphicon-ok");
}else{
obj.parent(".form-group").removeClass("has-success").addClass("has-error");
obj.next(".glyphicon").removeClass("glyphicon-ok").addClass("glyphicon-warning-sign");
}
}
});
</script>
Chickenkook
26-01-2015
14:31:24
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
สนับสนุนเว็บไซต์เรา จ่ายด้วย 
Author Ninenik Narkdee
2024 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ