เช็ค input text ก่อน sumit form ง่ายๆ ด้วย Javascript ที่ง่ายๆ เหมือนกัน

คนที่เขียนเว็บเอง คงต้องเคยเขียน ฟอร์ม เพื่อให้ User กรอกข้อมูลกันอยู่แล้วนะครับ ซึ่งมันคงต้องมี ตัวกันยูสเซอร์กรอกผิดบ้างหล่ะ ลืมกรอกบ้างหล่ะ มาดูกันเลยครับ ผมแปะไว้กันลืม หรือเผือใครหาโค๊ดอยู่ ก็ก๊อปไปใช้ครับผม

ส่วน HTML
<form method="post" onSubmit="return chkchoose(event)" action="index.php" name="insertnewgoods">

<select name="category" id="category" >
<option value="" selected >--- เลือกหมวดหมู่ ---</option>
<option value="notebook"" >notebook</option>
<option value="mobile">โทรศัพท์มือถือ</option>
<option value="camera">กล้องดิจิตอล</option>
<option value="other">อื่นๆ</option>
</select>

ส่วน Javascript
                                      function chkchoose(event){
event.preventDefault(); // เอาไว้ปิดการทำงานของปุ่ม submit
var bb=document.getElementById("category");
if(bb.value == "")
{
window.alert(' ลืมเลือกประเภทสินค้ารึเปล่า?);
return false;
}else{
document.insertnewgoods.submit();
}
}

ทำไมต้องมี event ? ก็เพราะหากไม่มี ถึงจะลืมเลือกประเภทสินค้า แล้วมี Alert เด้งขึ้น มันก็จะพาไปหน้า index.php อยู่ดีไงครับ เลยต้องมีตัวนี้กันไว้ จบ..

จัดการปัญหา Link ยาวๆ ตกขอบโดยใช้ css

วิธีการจัดการ หากมีลิงค์ที่โคตรจะยาวเช่น http://register.acer.co.th/WarrantyCheck/warr_chk.aspx ซึ่งหากเปิดใน PC ก็อาจจะดูปกติ แต่ถ้าเปิดจากมือถือจะเห็นว่ามันตกขอบออกมาจาก DIV ที่เราคลุมไว้ ให้ใส่คำสั่งเหล่านี้เข้าไปใน DIV นั้นด้วยครับ

/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;



เครดิตโค๊ดที่มาครับผม https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/

ทำเว็บให้เป็น https ง่ายๆ ด้วย Let's Encrypt (Direct Admin)

หลายคนอาจอยากเปลี่ยนเว็บธรรมดาของเรา จาก http: ให้กลายเป็น https นะครับ หรือเรียกกันอีกอย่างว่า SSL บทความนี้ผมมาแปะไว้สักหน่อยครับกันลืม

วิธีการทำ SSL ด้วย Let's Encrypt (Direct Admin)

ซึ่งจะบอกว่า บางโฮสก็มีให้ บางโฮสก็ไม่มีนะครับ ก่อนจะจดทะเบียนโฮส ก็ลองสอบถามข้อมูลดูก่อนได้ครับ อีกวิธีนึง หากโฮสเราไม่ใช้ Cpanel แบบ Direct Admin ก็คงเป็น cloudflare (ที่ผมเคยใช้นะ) ซึ่งทั้ง cloudflare และ Let's Encrypt นั้นล้วนแล้วแต่ฟรีทั้งนั้นครับ ฉะนั้น จัดเลยอย่ารีรอ สำหรับเว็บใหม่ผมว่ายุคนี้ทำไว้ ดีกว่าไม่ทำครับ เดี๋ยวอยากมาคิดจะทำตอนหลัง จะยุ่งยากเอา

อีกอย่าง หากใช้ Let's Encrypt แล้ว กรอก url ปกติ เช่น abc.com แล้วมันไม่ Redirect ไปที่ https ให้เราเปิดไฟล์ .httaccess ออกมาแล้วใส่ไอ้นี่เข้าไปบรรทัดบนสุดได้เลยครับ 
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>
(ใส่ใน Folder Public_html นะครับ)