การตรวจสอบความผิดพลาดในการกรอกค่าและการเตือนด้วย GAJAX

<form id="frm_test" method="post" action="submit01.php" onsubmit="frmSubmit(this)">
<p>
<input type="radio" name="radio[0]" value="0"  /> Value 0
<input type="radio" name="radio[0]" value="1"  /> Value 1
<input type="radio" name="radio[0]" value="2"  /> Custom
<textarea name="text[0]" id="text_0"></textarea>
</p>
<p>
<input type="radio" name="radio[1]" value="0"  /> Value 0
<input type="radio" name="radio[1]" value="1"  /> Value 1
<input type="radio" name="radio[1]" value="2"  /> Custom
<textarea name="text[1]" id="text_1"></textarea>
</p>
<p><input type="submit" value="Submit" /></p>
</form>

<script type="text/javascript">
function frmSubmit(pForm) {
    var req = new GForm( pForm );
    req.submit(function( xhr ){
        var ds = xhr.responseText.split('|'); // แยกตัวคั่นออกเป็นแต่ละรายการ
   
        if (ds.length == 1) {
            alert(ds[0]); // ไม่มีตัวคั่น แสดงว่าไม่มีข้อผิดพลาด
        } else {
            alert(ds[0]); // แสดงข้อความเตือน
            new GHighlight(ds[1]).play(); // ทำ highlight ที่ textarea ที่ผิดพลาด
            $E(ds[1]).focus(); // ย้ายโฟกัสไปยัง textarea ที่ผิดพลาด
        };
    });
    return true;
};
</script>

<?php
 header("content-type: text/html; charset=UTF-8");
 if (isset($_POST['radio'])) {
  foreach ($_POST['radio'] AS $i => $radio) {
   if ($radio == 2 && $_POST[text][$i] == '') {
    $error = "กรุณาให้เหตุผลที่ $i|text_$i";
    break;
   }
  }
  if ($error == '') {
   print_r($_POST);
  } else {
   echo $error;
  }
 } else {
  echo 'กรุณาเลือกตัวเลือกอย่างน้อย 1 รายการ';
 }
?>