 |
| เพิ่มสัญลักษณ์ขีดคั่นเบอร์โทร |
ง่ายๆ ครับตามนี้เลย
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
ต่อมาตามด้วยนี่
<script type="text/javascript">
$(function() {
$.mask.definitions['~'] = "[+-]";
$("#date").mask("99/99/9999",{completed:function(){alert("completed!");}});
$("#phone").mask("999-999-9999",{placeholder:" "});
$("#phoneExt").mask("(999) 999-9999? x99999");
$("#iphone").mask("+33 999 999 999");
$("#tin").mask("99-9999999");
$("#personid").mask("9-9999-99999-99-9");
$("#product").mask("a*-999-a999", { placeholder: " " });
$("#eyescript").mask("~9.99 ~9.99 999");
$("#po").mask("PO: aaa-999-***");
$("#pct").mask("99%");
$("input").blur(function() {
$("#info").html("Unmasked value: " + $(this).mask());
}).dblclick(function() {
$(this).unmask();
});
});
</script>
ทีนี้ตอนเอามาใช้งานก็แบบนี้ครับ (ต้องมีไอ้ก้อนข้างบนอยู่เหนือก่อนบรรทัดที่เราใช้ด้วยนะ)
เบอร์โทร: <input type="text" id="phone" class="text" name="tel" />
 |
| จะออกมาเป็นแบบนี้ครับ มีขีดคั่นให้ด้วย |
