జావాస్క్రిప్ట్ ఫార్ము

JavaScript 表单验证

HTML 表单验证可以通过 JavaScript 完成。

如果表单域 (fname) 为空，该函数会提示一条消息，并返回 false，以防止表单被提交：

జావాస్క్రిప్ట్ ఇన్స్టాన్స్

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("నామం పూరించబడాలి");
    return false;
  }
}

ఫారమ్ సబ్మిట్ చేసినప్పుడు ఈ ఫంక్షన్‌ను కాల్ చేయవచ్చు:

HTML ఫారమ్ ఉదాహరణ

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

స్వయంగా ప్రయత్నించండి

జావాస్క్రిప్ట్ నంబర్ ఇన్పుట్ వెరిఫికేషన్ చేస్తుంది

జావాస్క్రిప్ట్ సాధారణంగా నంబర్ ఇన్పుట్ వెరిఫికేషన్ కొరకు ఉపయోగిస్తారు:

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>

స్వయంగా ప్రయత్నించండి

హిందూస్థాన్ లో కొన్ని సలహాలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 9 లేదా ఆధికారిక వెర్షన్‌లో ఆటోమేటిక్ హెచ్ఎంఎల్ ఫారమ్ వెరిఫికేషన్ పనిచేయదు.

డాటా వెరిఫికేషన్

డాటా వెరిఫికేషన్ వినియోగదారుల ప్రవేశపెట్టిన డాటా శుభ్రం, సరైనది మరియు ఉపయోగపడేదిగా నిర్ధారించడం అనే ప్రక్రియ ఉంటుంది.

సాధారణ వెరిఫికేషన్ కర్తవ్యాలు ఇలా ఉంటాయి:

  • వినియోగదారుడు అన్ని ప్రతిబింబించబడిన ఫీల్డ్‌లను పూరించినాడా?
  • వినియోగదారుడు సరైన తేదీని ప్రవేశపెట్టినాడా?
  • వినియోగదారుడు నంబర్ ఫీల్డ్‌లో టెక్స్ట్ ప్రవేశపెట్టినాడా?

అత్యంత కాలంలో, డాటా వెరిఫికేషన్ యొక్క ఉద్దేశ్యం వినియోగదారుల ప్రవేశపెట్టిన డాటా సరైనదే అని నిర్ధారించడం ఉంటుంది.

వెరిఫికేషన్ అనేది అనేక విధాలుగా నిర్వచించబడవచ్చు మరియు అనేక విధాలుగా పరిచయం చేయబడవచ్చు.

ఇన్పుట్ సర్వర్ కు పంపబడిన తర్వాత, వెబ్ సర్వర్ ద్వారా సర్వర్ సైడ్ వెరిఫికేషన్ జరుగుతుంది.

వెబ్ సర్వర్ కు పంపడానికి ముందు, క్లయింట్ వెరిఫికేషన్ వెబ్ బ్రౌజర్ ద్వారా జరుగుతుంది.

HTML కన్స్ట్రయిన్షన్ వెరిఫికేషన్

HTML5 లో కొత్త హెచ్ఎంఎల్ వెరిఫికేషన్ కన్సెప్షన్ ప్రవేశపెట్టబడింది, దానిని కన్స్ట్రయిన్షన్ వెరిఫికేషన్ అని పిలుస్తారు.

HTML 约束验证基于：

  • 约束验证 HTML input 属性
  • 约束验证 CSS 伪选择器
  • 约束验证 DOM 属性和方法

约束验证 HTML input 属性

属性 వివరణ
disabled 规定应禁用 input 元素。
max 规定 input 元素的最大值。
min 规定 input 元素的最小值。
pattern 规定 input 元素的值模式。
required 规定 input 字段必填。
type 规定 input 元素的类型。

పూర్తి జాబితా కొరకు సందర్శించండి హెచ్ఎంఎల్ ఇన్పుట్ అట్రిబ్యూట్స్.

约束验证 CSS 伪选择器

选择器 వివరణ
:disabled disabled అట్రిబ్యూట్ ప్రదర్శించిన input అండర్ లైన్స్ ఎంచుకోండి
:invalid నిజమైన విలువను కలిగిన input అండర్ లైన్స్ ఎంచుకోండి
:optional required అట్రిబ్యూట్ ప్రదర్శించని input అండర్ లైన్స్ ఎంచుకోండి
:required required అట్రిబ్యూట్ ప్రదర్శించిన input అండర్ లైన్స్ ఎంచుకోండి
:valid వాస్తవమైన విలువను కలిగిన input అండర్ లైన్స్ ఎంచుకోండి

పూర్తి జాబితా కొరకు సందర్శించండి సిఎస్ఎస్ ప్రొచ్చ్యూర్ క్లేస్.