วันจันทร์ที่ 20 กรกฎาคม พ.ศ. 2558

Code สำหรับสร้างโค้ดคำสั่ง check ข้อมูลแบบ jquery

var s=document.createElement('script');
s.setAttribute('src','http://code.jquery.com/jquery.js');
document.getElementsByTagName('body')[0].appendChild(s);

window.setTimeout(function(){
$(function(){
      var t = " $(function(){\r\n";
      var formId = $('form[id]').attr('id');
      t += " $('#"+formId+"').submit(function(){\r\n";
      $('form[id]').find(':text[id],select[id]').each(function(){
          var inputId = $(this).attr('id');
          t += " if ($('#"+inputId+"').val()==''){\r\n";
          t += " alert('Invalid "+inputId+"');\r\n";
          t += " return false;\r\n";
          t += " }\r\n";
      });
      t += "return true;\r\n";
      t += "});\r\n";
      t += "});\r\n";
      console.log('\r\n'+t+'\r\n');
});
},3000);
สำหรับ Chrome กดปุ่ม F12 แล้วใส่ไปใน tab console ได้เลยครับ แต่มีเงื่อนไขคือต้องเป็น form ที่มี id และ input ที่จะตรวจสอบจะต้องมี id เช่น
<form id="form1">
   <input type="text" id="text1">
   <input type="text" id="text2">
   <input type="text" id="text3">
   <input type="submit" value="send">
</form>
จะได้ผลลัพธ์เป็น
$(function(){
 $('#form1').submit(function(){
 if ($('#text1').val()==''){
 alert('Invalid text1');
 return false;
 }
 if ($('#text2').val()==''){
 alert('Invalid text2');
 return false;
 }
 if ($('#text3').val()==''){
 alert('Invalid text3');
 return false;
 }
return true;
});
});
ไว้สำหรับเป็นโค้ดสำหรับตรวจสอบทาง javascript ต่อไปครับ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น