เรื่อง form ของ bootstrap css

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เรื่อง form ของ bootstrap css

เรื่อง form ของ bootstrap css
ทำไมมันไมไ่ด้อ่าค่ะ ข่วยดูมห้น่อยได้ไหมค่ะ ว่าเกิดจาอารัย
<?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 58.11.98.xxx 26-01-2015 14:31:24

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ