วันพฤหัสบดีที่ 17 กรกฎาคม พ.ศ. 2557

PHP javascript get all input form : function ของ javascript ใช้ในการ get ค่า Input ทั้งหมดจาก form

    วันนี้ผมเอา Function javascript อันหนึ่งมาแบ่งปัน ซื่ง Function getdata_input_form ซึ่งจะทำหน้าที่ในการ get ค่าของ input ทั้งหมดที่อยู่ใน Form และ return ค่ากลับมาเป็น data URL ค่าที่ Return ก็จะออกมาแบบนี้นะครับ &user_id=1234&password=pass&fname=test_name


// Function getdata_input_form 

<script type="text/javascript">

function getdata_input_form(hh){var hh_value='';try{if(hh!=''){var data_id='';var text=0;var ck_point=0;var ck_point_name='';var form=document.getElementById(hh);var inputs=form.getElementsByTagName('input');for(var i=0;i<inputs.length;i++){try{data_id=inputs.item(i).name;if(ck_point_name!=data_id){ck_point=0;ck_point_name=data_id;}else{ck_point=(ck_point+1);}
if(i==0){if((document.getElementsByName(data_id).item(ck_point).type=="checkbox"||document.getElementsByName(data_id).item(ck_point).type=="radio")){if(document.getElementsByName(data_id).item(ck_point).checked==true){hh_value='&'+inputs.item(i).name+'='+escape(document.getElementsByName(data_id).item(ck_point).value);}}else{hh_value='&'+inputs.item(i).name+'='+escape(document.getElementsByName(data_id).item(ck_point).value);}}else{if((document.getElementsByName(data_id).item(ck_point).type=="checkbox"||document.getElementsByName(data_id).item(ck_point).type=="radio")){if(document.getElementsByName(data_id).item(ck_point).checked==true){hh_value=hh_value+'&'+inputs.item(i).name+'='+escape(document.getElementsByName(data_id).item(ck_point).value);}}else{hh_value=hh_value+'&'+inputs.item(i).name+'='+escape(document.getElementsByName(data_id).item(ck_point).value);}}}catch(err){}}}}catch(err){return'';}
return hh_value;}

</script>

// Function getdata_input_form 

การใช้งาน Function getdata_input_form 

   การใช้ Function ให้เราใส่ชื่อ Form ลงใน Function เช่น

   <form id="form_register1" name="form_register1" method="post" action="" >
      <input type="text" id="user_id" name="user_id" placeholder="ชื่อเข้าใช้งาน">
      <input type="text" id="user_passwd" name="user_passwd" placeholder="ชื่อเข้าใช้งาน">
   </form>  

// การใช้งาน ผมจะทำการ alert ค่า input ใน Form ให้ดูเฉยๆนะครับ ส่วนจะเอาไปพลิกแพลงใช้ยังไงต่อก็ตามสบายนะครับ

<script type="text/javascript">
   alert(getdata_input_form('form_register1'));
</script>

// ค่าที่ได้จะออกมาแบบนี้ครับ &user_id=?????&user_passwd=??????

* ลองเอาไปใช้กันดูนะครับ ได้ไม่ได้ยังไงก็สอบถามมาได้นะครับ