มาแปะวิธีการ เมื่อกดติ้กช่อง checkbox แล้ว จะทำการส่งค่าไปยังอีกหน้า โดยที่ไม่ต้องไปกด ปุ่ม Submit ให้ยุ่งยากนะครับ **มีหลายวิธี แต่ผมชอบแบบง่ายๆ บรรทัดเดียว ** วิธีนี้จะส่งค่าแบบ GET นะครับ
<input type="checkbox" onclick="javascript:location='item.php?available=1';"> ดูเฉพาะสินค้าที่ยังไม่ได้ขาย
แค่นี้เองครับ เอามาแปะไว้ กันลืม
เก็บเรื่องราวต่างๆ รอบตัวมากมาย ในวันทำงาน .. ที่ไม่เหมือนชาวบ้าน และว่างเกินความจำเป็น ...
วันพฤหัสบดีที่ 17 พฤศจิกายน พ.ศ. 2559
เพิ่มขีดคั่น ใน textbox ในกรณีเป็นเบอร์โทรหรือบัตรประชาชน
เพิ่มขีดคั่น ใน textbox ในกรณีเป็นเบอร์โทรหรือบัตรประชาชน นะครับ ตัวอย่างเช่นเราสร้าง textbox มาเพื่อให้ผุ้ใช้กรอกเบอร์โทรตามพวกเว็บที่มีฟอร์มเอาไว้สมัครสมาชิกนะครับ โดยที่บทความนี้จะบอกวิธีโคตรง่ายในการสร้างสัญลักษณ์ "-" หรืออะไรก็แล้วแต่ตามที่เราอยากใส่ ไว้ใน ช่องเบอร์โทรนะครับ
ง่ายๆ ครับตามนี้เลย
<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" />
เพิ่มสัญลักษณ์ขีดคั่นเบอร์โทร |
ง่ายๆ ครับตามนี้เลย
<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" />
จะออกมาเป็นแบบนี้ครับ มีขีดคั่นให้ด้วย |
สมัครสมาชิก:
บทความ (Atom)