JavaScript 表单

ត្រួតពិនិត្យ ទំព័រ JavaScript

ត្រួតពិនិត្យ ទំព័រ HTML អាច ត្រូវបាន ធ្វើ ដោយ JavaScript。

ប្រសិនបើ វិស័យ ទំព័រ (fname) ទទេ នៅ ក្នុង មុខវិធី នេះ នឹង បង្ហាញ សារ និង ត្រូវបាន ត្រលប់ ទៅ false ដើម្បី បញ្ឈប់ ការ បញ្ជូន ទំព័រ :

JavaScript Example

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Name must be filled out");
    return false;
  }
}

អ្នកអាច ហៅ មុខវិធី នេះ នៅ ពេល បញ្ជូន ទំព័រ :

ឧទាហរណ៍ ទំព័រ HTML ទំព័រ

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

ព្យាយាម តែងតែឯង

JavaScript អាច ត្រួតពិនិត្យ ទិន្នន័យ លេខ

JavaScript ត្រូវបាន ប្រើ ដើម្បី ត្រួតពិនិត្យ ទិន្នន័យ លេខ :

តែងតែឯង បញ្ជូន លេខ 1 ទៅ 10 ដែល មាន សុត្តិភាព :

ព្យាយាម តែងតែឯង

ត្រួតពិនិត្យ HTML ទំព័រ ស្វ័យប្រវត្តិ

ត្រួតពិនិត្យ HTML ទំព័រ អាច ត្រូវបាន អនុវត្ត ដោយ ក្រុមមេរោគ វេបសាយ :

ប្រសិនបើ វិស័យ ទំព័រ (fname) ទទេ required លក្ខណៈ នេះ នឹង បញ្ឈប់ ការ បញ្ជូន ទំព័រ នេះ :

ឧទាហរណ៍ ទំព័រ HTML ទំព័រ

<form action="/action_page.php" method="post">
  <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>

ព្យាយាម តែងតែឯង

ប្រឡាយ :ប្រព័ន្ធត្រួតពិនិត្យ HTML ទំព័រ របស់ អ៊ីនធើណេត អ៊ីនធើណេត 9 ឬ កាលពីមុន មិនដំណើរការ ឡើយ。

ត្រួតពិនិត្យ ទិន្នន័យ

ត្រួតពិនិត្យ ទិន្នន័យ គឺ ដំណើរការ ដើម្បី ធានាថាអ្នកប្រើ បាន បញ្ជូន ទិន្នន័យ ដែល ស្ងាត់ ត្រឹមត្រូវ និង មាន ប្រយោជន៍。

ការត្រួតពិនិត្យ មួយ ដែល ជាធម្មតា គឺ :

  • តើ អ្នកប្រើ បាន បំពេញ វិស័យ ចាំបាច់ ទាំងអស់ ដែរឬទេ ?
  • តើ អ្នកប្រើ បាន បញ្ជូន កាលបរិច្ឆេទ ដែល មាន សុត្តិភាព ដែរឬទេ ?
  • តើ អ្នកប្រើ បាន បញ្ជូន អត្ថបទ ទៅក្នុង វិស័យ លេខ ដែរឬទេ ?

ក្នុង ភាគច្រើន គោលបំណង នៃ ត្រួតពិនិត្យ ទិន្នន័យ គឺ ដើម្បី ធានាថាអ្នកប្រើ បាន បញ្ជូន ទិន្នន័យ ដែល ត្រឹមត្រូវ。

ត្រួតពិនិត្យ អាច ត្រូវបាន កំណត់ ដោយ មធ្យោបាយ ជាច្រើន និង អាច ត្រូវបាន ដាក់ឲ្យ អនុវត្ត ដោយ មធ្យោបាយ ជាច្រើន ។

ត្រួតពិនិត្យ ខាងមុខ ត្រូវបាន អនុវត្ត ដោយ សេវាកម្មវេបសាយ ក្រោយពី ទិន្នន័យ ត្រូវបាន បញ្ជូន ទៅកាន់ សេវាកម្មវេបសាយ。

មុននឹងបញ្ជូន ទិន្នន័យ ទៅកាន់ សេវាកម្មវេបសាយ ការត្រួតពិនិត្យ ដោយ អ្នកប្រើ ត្រូវបាន អនុវត្ត ដោយ ក្រុមមេរោគ វេបសាយ。

ត្រួតពិនិត្យ រឹងរុង HTML

HTML5 ដាក់នូវ គំនិត ត្រួតពិនិត្យ HTML ថ្មី ហៅថា ត្រួតពិនិត្យ រឹងរុង。

HTML Constraint Validation is based on:

  • Constraint Validation HTML Input Attribute
  • Constraint Validation CSS Pseudo-Selector
  • Constraint Validation DOM Attribute and Method

Constraint Validation HTML Input Attribute

Attribute Description
disabled Specify that the input element should be disabled.
max Specify the maximum value of the input element.
min Specify the minimum value of the input element.
pattern Specify the value pattern of the input element.
required Specify that the input field is required.
type Specify the type of the input element.

For a complete list, please visit HTML Input Attribute.

Constraint Validation CSS Pseudo-Selector

Selector Description
:disabled Select an input element that specifies the 'disabled' attribute.
:invalid Select an input element with an invalid value.
:optional Select an input element that does not specify the 'required' attribute.
:required Select an input element that specifies the 'required' attribute.
:valid Select an input element with a valid value.

For a complete list, please visit CSS Pseudo-class.