PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

alert bootstrap รบกวนหน่อยค่ะ

alert bootstrap รบกวนหน่อยค่ะ
คืออยากทราบค่ะ ว่าถ้าเราจะดักไฟล์รูปได้แค่ png,gif,jpg ค่ะ แล้วถ้าผู้ใช้ upload ผิด อยากให้ขึ้นเจ้งเตือนเป็นกรอบนี้ค่ะ ถ้าถูกจะเป็นสีเขียว ถ้าไม่ถูกไฟล์จะเป็นสีแดงค่ะ รบกวนหน่อยนะค่ะ ไม่ทราบวิธีเขียนเลยค่ะ T^T



โดย:  Chickenkook IP: 183.88.103.xxx วันที่: 27-09-2015 เวลา: 15:43:43

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3
ถ้าใช้งานโดยรวมแนะนำให้ใช้พวก plugin แทน จะง่ายกว่า
เพราะถ้าประยุกต์แต่ละตัวเราต้องมีพื้นฐาน 

ลองใช้รูปแบบนี้ดู 

http://formvalidator.net/#reg-form

โดย:  Ninenik IP: 1.47.9.xxx วันที่: 29-09-2015
 ความคิดเห็นที่ 2
ขอบคุณค่ะ แล้วถ้าจะตรวจเช็คแบบ input ละค่ะ ทำยังไงค่ะ

โดย:  Chickenkook IP: 183.88.103.xxx วันที่: 28-09-2015 เวลา: 19:25:17
 ความคิดเห็นที่ 1
ขึ้นกับว่าใช้ตอนไหน ถ้าใช้ตอน sumit แล้วก็ ใช้ php ตรวจสอบ แล้วกำหนด if else ธรรมดา
ถ้าใช้ javascript ดูตัวอย่างนี้เป็นแนวทาง




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>

<div style="margin:auto;width:600px;">

<p id="alert_p" class="bg-success hidden">Ok</p>
<p id="alert_p2" class="bg-danger hidden">No</p>
<input type="file" name="fileupload" id="fileupload">  

</div>

<script type="text/javascript">
$(function(){

    $("#fileupload").on("change",function(e){
        var files = this.files;  
        var checkFile=1;
         for(var i=0;i<files.length;i++){  
                    var file = files[i]  
                    var imageType = /image.*/  
                    if(!file.type.match(imageType)){  
                        checkFile=0;
                        //     console.log("Not an Image");  
                        continue;  
                    }  
         }
        if(checkFile==0){
            $(this).val("");
            $("#alert_p").removeClass("show").addClass("hidden");
            $("#alert_p2").removeClass("hidden").addClass("show");
        }else{
            $("#alert_p").removeClass("hidden").addClass("show");
            $("#alert_p2").removeClass("show").addClass("hidden");            
        }
    });
    
});
    </script>        
</body>
</html>


โดย:  Ninenik IP: 1.46.65.xxx วันที่: 27-09-2015