javascript [.each] - เช็คค่าว่างด้วยการวนลูป

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19916
Joined: 31/03/2014 10:02 am
Contact:

javascript [.each] - เช็คค่าว่างด้วยการวนลูป

Post by thatsawan » 29/08/2014 4:41 pm

javascript_input_validate.html

Code: Select all

[size=85]<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script> 
function check(){
          
            var clearvalue = jQuery('.clearvalue');
            var dd = true;
            clearvalue.each( function( index, element ) {
                if(element.value == ''){
                    alert ('Please fill out');
                    dd = false; 
                }  
            });
            return dd;
    }
</script>
<form name="frmMain" method="post" action="test.php" onsubmit="javascript:return check();">
    <table>
        <tr>        
                <td><div id='img10' align='center'></div></td>
                <td><input id='tbExpe20' class="ex num clearvalue" name='tbExpe2[]' size='3'></td>
                <td><input id='tbExpe30' class="ex num clearvalue" name='tbExpe3[]' size='3'></td>
                <td><input id='tbExpe40' class="ex num clearvalue" name='tbExpe4[]' size='6'></td>
        </tr>
    </table>
            <input name="submit" type="submit" id="submit" value="submit" >   
       
</form>

    </body>
</html>[/size]
test.php

Code: Select all

<?php

echo "---------------"; 
การแสดงผลตัวอย่าง
29-8-2557 16-34-45.png
29-8-2557 16-34-45.png (33.55 KiB) Viewed 895 times
ถ้าไม่กรอกข้อมูล จะเเสดงข้อความเเจ้งเตือน
29-8-2557 16-35-54.png
29-8-2557 16-35-54.png (62.28 KiB) Viewed 891 times
อธิบาย

Code: Select all

function check(){
            var clearvalue = jQuery('.clearvalue');  //ประกาศตัวแปร คลาส...
    
            var dd = true; // ประกาศตัวแปร dd ถ้าไม่มี เมื่อเข้าลูป ..แจ้งเตือน.. เเล้วมีการกรอกข้อมูลจนครบเเต่จะไม่ทำงานต่อ
            clearvalue.each( function( index, element ) {

                if(element.value == ''){ // ถ้า element คือค่าในช่อง เเท็กฟิลด์ ให้ทำการเช็ค
                    alert ('{L_M_UNIT}'); // แจ้ง alert เเสดง
                   
                    dd = false;
                }
                 
            });
            return dd; // ให้ทำงานต่อ ... ถ้ากรอกแท็กฟิลด์ครบหมดเเล้ว

    }

Return to “Jquery & Ajax Knowledge”

Users browsing this forum: No registered users and 2 guests