验证数据

Question

我有一个包含字段必须填写这样的模式引导：

<div class="modal hide fade" id="myModal"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">×</button> 
      <h2 id="mainTitle">No.request : <strong></strong></h2> 
     </div> 

     <div class="modal-body"> 

      <table class="table table-striped table-condensed"> 
       <tbody> 
        <tr> 
         <td valign="top"> 
          <label class="control-label">Notes</label> 
         </td> 

         <td> 
          <div class="control-group "> 
           <div class="controls"> 
            <textarea class="cleditor span10" id="modalCatatan" rows="3" name="notes"></textarea> 
           </div> 
          </div> 
         </td> 
        </tr> 


        <tr> 

         <td colspan="2"><h3>Estimated over</h3></td> 
        </tr> 

        <tr> 
         <td valign="top"> 
          <label class="control-label">Date </label> 
         </td> 

         <td> 
          <div class="controls"> 
           <input type="text" class="input-small datepicker" id="tanggal" value="<?php echo date("d-m-Y"); ?>"> 
          </div> 
         </td> 
        </tr> 

        <tr> 
         <td valign="top"> 
          <label class="control-label">Hour</label> 
         </td> 

         <td> 
          <div class="controls"> 
           <select id="hour" class="input-small"> 
            <?php 
            for ($i = 8; $i <= 21; $i++) { 
             if ($i < 10) { 
              echo "<option value='" . $i . "'> 0" . $i . "</option>"; 
             } else { 
              echo "<option value='" . $i . "'>" . $i . "</option>"; 
             } 
            } 
            ?> 
           </select> 

           : 

           <select id="minute" class="input-small"> 
            <?php 
            for ($i = 0; $i <= 59; $i++) { 
             if ($i < 10) { 
              echo "<option value='" . $i . "'> 0" . $i . "</option>"; 
             } else { 
              echo "<option value='" . $i . "'>" . $i . "</option>"; 
             } 
            } 
            ?> 
           </select> 

          </div> 
         </td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 

     <div class="modal-footer"> 
      <a href="#" id="btn-footer" class="btn btn-danger" req_id="<?php echo $data['id_request']; ?>">Yes</a> 
      <a href="#" id="btn-batal" class="btn" data-dismiss="modal">No</a> 
     </div> 
    </div> 

要在此模式发送了一些数据，我用ajax在jquery的这样

$('#btn-footer').click(function(e) { 
       e.preventDefault(); 


       var id = $("#mainTitle strong").text().split("/").pop();/*ambil id*/ 
       var notes = $('#modalCatatan').val(); /*ambil comment*/ 

       var date = $('#tanggal').val(); /*ambil tanggal*/ 
       var hour = $('#hour').val(); /*ambil jam*/ 
       var minute= $('#hour').val(); 


       hour = hour + ":" + minute 

       $.ajax({ 
        url: '<?php echo base_url() . 'control_closing/kasihCatatan/' ?>', 
        type: 'POST', 
        data: {id: id, 
         notes: notes, 
         date: date, 
         hour: hour 
        }, 
        dataType: 'json', 
        success: function(obj) { 
         alert('Update Success'); 
         location.reload(); 
        } 
       }); 
      }); 

我的问题是，如何验证上面的ajax中的数据？假设textarea是空的，它会显示“文本区域不允许清空”的消息。感谢4的帮助。

Answer 1

你尝试过类似

if(notes.length == 0) 
{ 
    // Logic to set an error message 
    return false; 
} 

然后清除错误信息的点击，或使用时刻设定和x秒后消失的错误消息出来