ใครเก่ง JavaScript หรือ jQuery ฯลฯ ช่วยชี้แนะแนวทางในด้านนี้หน่อย ไม่ถนัดเอาซะเลย

<script src="http://code.jquery.com/jquery-1.8.3.js "></script>
<script type="text/javascript">
$(document).ready(function(){
   $("#card_ref").change(function(){
        var choiced = $(this).val();
        if(choiced == 1 || choiced == 2){
                    $("#personid").removeAttr("disabled");
        }else{
                    $("#personid").prop("disabled","disabled");
        }
   });
});
</script>

<select name="card_ref" id="card_ref">
<option>Please Select</option>
<option value="1">ประชาชน</option>
<option value="2">พาสปอร์ต</option>
</select>
<br />
<input type="text" name="personid" id="personid" disabled="disabled" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<select id="card_ref">
	<option value="0">เลือกบัตร</option>
	<option value="1">บัตรประชาชน</option>
    <option value="2">พาร์สสปอต</option>
</select>

<input type="text" id="personid" disabled="disabled" />

<script src="admin/bootstrap/js/jquery-1.10.2.min.js"></script>
<script>
	$(function(){
		$('#card_ref').click(function(){
			var num=$(this).val();
			$('#personid').val('');
			if(num==0){
				$('#personid').attr({'disabled':'disabled'});	
			}else{
				$('#personid').removeAttr('disabled');
			}	
		});
		
		$('#personid').keyup(function(){
			var str=$(this).val();
			if($('#card_ref').val()==1){
				if(isNaN(str) || str.length > 13){
					$('#personid').val('');
					alert('เฉพาะตัวเลข 13 หลักเท่านั้น');	
				}	
			}else{
				if(str.length > 10){
					$('#personid').val('');
					alert('10 ตัวอักษรเท่านั้น');
				}	
			}	
		});
	});
</script>