ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு: படிவங்கள் மற்றும் மின்னஞ்சலை சரிபார்ப்பது பற்றி நீங்கள் தெரிந்து கொள்ள வேண்டியது எல்லாம்



ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு குறித்த இந்த கட்டுரை படிவ சரிபார்ப்பு பற்றிய ஆழமான அறிவை வழங்கும். ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஒரு படிவத்தை சரிபார்க்க இது ஒரு எடுத்துக்காட்டை வழங்கும்.

ஜாவாஸ்கிரிப்ட் என்பது மிகவும் பிரபலமான மொழிகளில் ஒன்றாகும் , முன் இறுதியில், மற்றும் பின்-இறுதி வளர்ச்சி. அழகாக வடிவமைக்கப்பட்ட வலைத்தளங்களை உருவாக்க இது பயன்படுகிறது. ஜாவாஸ்கிரிப்டில், ஒரு பயனரை அங்கீகரிக்க சரிபார்ப்பு பயன்படுத்தப்படுகிறது. இதில் ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு கட்டுரை, படிவ சரிபார்ப்பு பற்றி பின்வரும் வரிசையில் நீங்கள் அறிந்து கொள்வீர்கள்:

ஜாவாஸ்கிரிப்ட் என்றால் என்ன?

ஒரு உயர் நிலை, விளக்கம் வலைப்பக்கங்களை மேலும் ஊடாடும் வகையில் நிரலாக்க மொழி பயன்படுத்தப்படுகிறது. இது மிகவும் சக்தி வாய்ந்தது கிளையன்ட் பக்க ஸ்கிரிப்டிங் மொழி இதுஉங்கள் வலைப்பக்கத்தை மிகவும் கலகலப்பாகவும் ஊடாடும் விதமாகவும் ஆக்குகிறது.





ஜாவாஸ்கிரிப்ட் - ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு - எடுரேகா

இது ஒரு நிரலாக்க மொழியாகும் சிக்கலான மற்றும் அழகான வடிவமைப்பு வலை பக்கங்கள் . உங்கள் வலைப்பக்கம் உயிருடன் இருக்க வேண்டும் மற்றும் உங்களைப் பார்ப்பதை விட நிறைய செய்ய விரும்பினால், ஜாவாஸ்கிரிப்ட் அவசியம்.



ஜாவாஸ்கிரிப்ட் அம்சங்கள்:

  • இது ஒரு ஸ்கிரிப்டிங் மொழி மற்றும் இதற்கும் எந்த தொடர்பும் இல்லை . ஆரம்பத்தில், இது பெயரிடப்பட்டது மோச்சா , பின்னர் மாற்றப்பட்டது லைவ்ஸ்கிரிப்ட் இறுதியாக அது பெயரிடப்பட்டது ஜாவாஸ்கிரிப்ட் .

    இதை ஜாவாவில் எப்போது பயன்படுத்த வேண்டும்
  • ஜாவாஸ்கிரிப்ட் ஒரு பொருள் சார்ந்த பாலிமார்பிசம், இணைத்தல் மற்றும் பரம்பரை ஆகியவற்றை ஆதரிக்கும் நிரலாக்க மொழி.



  • நீங்கள் ஜாவாஸ்கிரிப்டை மட்டும் இயக்க முடியாது உலாவி ஆனால் கூட சேவையகம் மற்றும் ஜாவாஸ்கிரிப்ட் எஞ்சின் கொண்ட எந்த சாதனமும்.

ஜாவாஸ்கிரிப்ட் செயல்பாடுகள்

அடிப்படை கட்டுமான தொகுதிகள் ஜாவாஸ்கிரிப்டில் என அழைக்கப்படுகிறது செயல்பாடுகள் . இது அடிப்படையில் ஒரு பணியைச் செய்யும் அல்லது மதிப்பைக் கணக்கிடும் அறிக்கைகளின் தொகுப்பாகும். ஒரு செயல்பாட்டைப் பயன்படுத்த, நீங்கள் அதை அழைக்க விரும்பும் நோக்கில் எங்காவது வரையறுக்கப்பட வேண்டும்.

ஒரு செயல்பாட்டு வரையறை செயல்பாட்டு முக்கிய சொல்லைக் கொண்டுள்ளது, அதைத் தொடர்ந்து:

  • தி பெயர் செயல்பாடு.

  • ஒரு பட்டியல் அளவுருக்கள் செயல்பாட்டுக்கு, அடைப்புக்குறிக்குள் இணைக்கப்பட்டு காற்புள்ளிகளால் பிரிக்கப்படுகிறது.

  • ஜாவாஸ்கிரிப்ட் அறிக்கைகள் இது செயல்பாட்டை வரையறுக்கிறது, சுருள் அடைப்புக்குறிக்குள் இணைக்கப்பட்டுள்ளது, {}.

ஒரு எடுத்துக்காட்டை எடுத்து, பெயரிடப்பட்ட செயல்பாட்டை எவ்வாறு வரையறுப்பது என்று பார்ப்போம் கூட்டு :

செயல்பாடு சேர் (a, b) {a + b ஐத் திருப்புக}

இப்போது, ​​ஒரு பயனரை சரிபார்க்க, ஒரு சரிபார்ப்பு செயல்பாடு பயன்படுத்தப்படுகிறது. எனவே ஜாவாஸ்கிரிப்ட் சரிபார்ப்பைப் பற்றி மேலும் அறியலாம்.

சரிபார்ப்பு என்றால் என்ன?

சரிபார்ப்பு என்பது ஒரு முறை அங்கீகரிக்க பயனீட்டாளர். கிளையன்ட் பக்கத்தில் படிவத்தை சரிபார்க்க ஜாவாஸ்கிரிப்ட் வசதியை வழங்குகிறது, எனவே தரவு செயலாக்கம் சேவையக பக்க சரிபார்ப்பை விட வேகமாக இருக்கும். இது பெரும்பாலான வலை உருவாக்குநர்களால் விரும்பப்படுகிறது. ஜாவாஸ்கிரிப்ட் மூலம், பெயர், கடவுச்சொல், மின்னஞ்சல், தேதி, மொபைல் எண்கள் மற்றும் பல புலங்களை சரிபார்க்க முடியும்.

வாடிக்கையாளர் பக்கம் ஒரு பக்கத்தை மீண்டும் ஏற்றுவதற்கு முன் படிவம் சரியா என்பதை வாடிக்கையாளருக்குத் தெரியாமல் சரிபார்த்தல் தடுக்கிறது. அதேசமயம், சேவையக பக்க ஜாவாஸ்கிரிப்டை முடக்குவதன் மூலம் கிளையன்ட் பக்க சரிபார்ப்பை முற்றிலும் புறக்கணிக்க முடியும் என்பதால் சரிபார்ப்பு முக்கியமானது.

இப்போது எங்கள் ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு கட்டுரையுடன் முன்னேறலாம் மற்றும் படிவ சரிபார்ப்பின் உதாரணத்தைப் பார்ப்போம்.

ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு: எடுத்துக்காட்டு

பின்வரும் எடுத்துக்காட்டு ஒரு படிவத்தை சரிபார்க்க HTML, CSS மற்றும் ஜாவாஸ்கிரிப்டில் உள்ள குறியீடு:

  1. HTML பயன்படுத்தப்படுகிறது உருவாக்கு வடிவம்.
  2. ஜாவாஸ்கிரிப்ட் பயன்படுத்தப்படுகிறது சரிபார்க்கவும் வடிவம்.

FormValidation.html

படிவ சரிபார்ப்பு / ** /
கடவுச்சொல்:
 

இது பின்வரும் வெளியீட்டைக் கொடுக்கும்:

இப்போது, ​​நீங்கள் மற்றொரு கோப்பை உருவாக்க வேண்டும் திருப்பி விடுங்கள் கிளிக் செய்தபின் புதிய பக்கத்திற்கு பக்கம் சமர்ப்பிக்கவும் பொத்தானை.

ஜாவாஸ்கிரிப்டில் வரிசை நீளத்தை எவ்வாறு கண்டுபிடிப்பது

உரை. Html

படிவம் சரிபார்ப்பு / ** /

இது வேறொரு பக்கத்திற்கு திருப்பி, பின்வருவதைக் கொடுக்கும் வெளியீடு :

இப்போது, ​​நாம் ஒரு சேர்க்க வேண்டும் செயல்பாடு உள்ளீட்டு ஐடியை இணைக்க எங்கள் ஜாவாஸ்கிப்டில். இது ஒரு பாப் அப் செய்யும் எச்சரிக்கை ஏதேனும் புலங்கள் காலியாக இருந்தால் செய்தி.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {எச்சரிக்கை ('பெயர் காலியாக இருக்க முடியாது' (கடவுச்சொல்.நீளம் என்றால்) தவறான} வேறு<6){ alert('Password must be atleast 6 characters long.') return false } } 

இது பின்வருவனவற்றை பாப் செய்யும் எச்சரிக்கை எப்பொழுது பெயர் புலம் காலியாக உள்ளது:

அடுத்து, நீங்கள் பெயரை உள்ளிட்டு விட்டுவிட்டால் கடவுச்சொல் புலம் வெற்று, இது பின்வருவனவற்றை பாப் செய்யும் எச்சரிக்கை :

பெயர் மற்றும் கடவுச்சொல்லை சரியான வடிவத்தில் சேர்த்தவுடன், இந்த பக்கம் உரைக்கான உரை. Html பக்கத்திற்கு திருப்பி விடப்படும். இறுதி வெளியீடு.

கிரகண ஐடியை எவ்வாறு நிறுவுவது

க்கான முழுமையான குறியீடு படிவம் சரிபார்ப்பு பின்வருமாறு:

படிவம் சரிபார்ப்பு செயல்பாடு validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {எச்சரிக்கை ('பெயர் இருக்க முடியாது வெற்று ') தவறான} இல்லையெனில் (கடவுச்சொல்.நீளம்<6){ alert('Password must be atleast 6 characters long.') return false } } கடவுச்சொல்: 

ஜாவாஸ்கிரிப்டில் படிவ சரிபார்ப்புக்கு இது ஒரு எடுத்துக்காட்டு. மின்னஞ்சல் ஐடி, கடவுச்சொல், மொபைல் எண் ஆகியவற்றை நாங்கள் சரிபார்க்க முடியும். மற்றும் இன்னும் பல.

எனவே, மற்றொரு உதாரணத்தை எடுத்து, எவ்வாறு சரிபார்க்கலாம் என்று பார்ப்போம் மின்னஞ்சல் முகவரி ஜாவாஸ்கிரிப்ட் பயன்படுத்துகிறது.

ஜாவாஸ்கிரிப்ட் மின்னஞ்சல் சரிபார்ப்பு

மின்னஞ்சல். Html

செயல்பாடு ValidateEmail (inputText) {var mailformat = /^w+( Leisure.- ]?w+)*@w+( Leisure.-]? w+) * (. wl2,3a>) +$ / if (inputText.value. பொருத்தம் (அஞ்சல் வடிவம்)) {document.form1.text1.focus () உண்மைக்குத் திரும்பு} else {எச்சரிக்கை ('நீங்கள் தவறான மின்னஞ்சல் முகவரியை உள்ளிட்டுள்ளீர்கள்!') document.form1.text1.focus () பொய்யைத் திருப்புக}}

வெளியீடு

இதன் மூலம், எங்கள் ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு கட்டுரையின் முடிவுக்கு வந்துள்ளோம். இந்த வலைப்பதிவை நீங்கள் தகவலறிந்ததாகக் கண்டறிந்து, ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு குறித்த அடிப்படை புரிதலைப் பெற்றீர்கள் என்று நம்புகிறேன்.

மேலும், பார்க்க மறக்க வேண்டாம் வழங்கியவர் எடுரேகா . எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'ஜாவாஸ்கிரிப்ட் சரிபார்ப்பு' இன் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களிடம் திரும்புவோம்.