jquery vslidation remove spaces from input คืออะไร

วิธีการ

jQuery Validation remove spaces from input หมายถึง การใช้ jQuery Validation ในการลบช่องว่างออกจาก input field บนหน้าเว็บ

1. โหลด jQuery Validation library ลงบนหน้าเว็บ

HTML

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>

2. เพิ่ม attribute data-rule-remove-spaces="true" ลงใน input field ที่ต้องการลบช่องว่าง

HTML

<input type="text" name="name" data-rule-remove-spaces="true">

3. เขียน JavaScript code ดังนี้

JavaScript

$(document).ready(function() {
  $("form").validate({
    rules: {
      name: {
        required: true,
        removeSpaces: true
      }
    }
  });
});

ผลลัพธ์

เมื่อผู้ใช้พิมพ์ช่องว่างใน input field ระบบจะลบช่องว่างออกโดยอัตโนมัติ

ตัวอย่าง

HTML

<form>
  <input type="text" name="name" data-rule-remove-spaces="true">
  <input type="submit" value="Submit">
</form>

JavaScript

$(document).ready(function() {
  $("form").validate({
    rules: {
      name: {
        required: true,
        removeSpaces: true
      }
    }
  });
});

หมายเหตุ

• การใช้ data-rule-remove-spaces="true" เป็นการลบช่องว่างทั้งหมดใน input field
• คุณสามารถใช้ regex เพื่อกำหนดรูปแบบของช่องว่างที่ต้องการลบ
• ศึกษาเพิ่มเติมเกี่ยวกับ jQuery Validation ได้ที่ https://jqueryvalidation.org/