استفاده از متد checkValidity و متغیر validation message

<p>Enter a n umber between 50 and 100</p><br>
<input id="inp" type="number" min="50" max="100" required>
<button onClick="chknumber()">check</button>
<p id="demo"></p>
    
<script>
function chknumber(){
	var x = document.getElementById('inp');
	if(x.checkValidity()==false)
	document.getElementById('demo').innerHTML = x.validationMessage;
	else
	document.getElementById('demo').innerHTML = "input ok";
	}
</script>	
	
	

دیدن تمرین  

Regular Expresions عبارتهای منظم:

شامل یک سری قواید برای چک کردن مطابقت با ورودی با الگوی منظم تعریف شده

برای تعریف الگو (pattern)از یکی از روشهای زیر استفاده میشود:

روش اول:

var pat = new RegExp(شناسه  ,الگو);
var pat = new RegExp("java",i);
		

شناسه میتواند یکی از موارد زیر باشد:

i=به حروف بزرگ و کوچک اهمیت ندهد

g=به معنی جستجوی کلی

m=به معنی جستجوی چند خطی

روش دوم:

قرار دادن عبارت تعریفی بین دواسلش /***/

var pat = /java/ig;
		

متد search در جستجوی یک الگو در یک عبارت موقعیت مکانی آن را بر میگرداند

متد test در جستجوی یک الگو مقدار true یا false بر میگرداند.

var str = "javaScript is cool";
var x = str.search(/is/i);
var x = str.search("is");
var tst = /is/.test(str);
var t =document.getElementById('txt').value;
	
document.getElementById('p').innerHTML = x;

		
		

روش استفاده از متد test

/pattern/.test(str);

علامتهای مورد استفاده در الگو:
[0-9]     اعداد
[a-z]     حروف کوچک
[A-Z]     حروف بزرگ
[a|b]     a  b
[abc      a و b و c
[a-c]     a تا c
+        یک یا بیشتر
*        صفر یا بیشتر
?       یک
{3}     فقط ۳ کاراکتر
{2,3}   حداقل دو حداکثر ۳
^       ابتدای الگو
$       انتهای الگو
[^a-z]  شامل حروف کوچک نباشد
\d   کاراکتر عدد
\D   کاراکتر غیر عددی
\w   کاراکتر حروف
\W   کاراکتر غیر حروف
\s   یک فضای خالی

تمرین ۲: کاربر بتواند در تکست باکس فقط کد ملی وارد کند.

تمرین ۳:در تکست باکس فقط رمز عبور حداقل ۶ کاراکتر و کاراکتر اخر ان یکی از علایم @ ! $ باشد.

تمرین ۴ : تکست باکس فقط کلمه عبوری شامل یک حرف بزرگ انگلیسی و در ادامه ترکیب اعداد و حروف باشد. رمز حداقل ۶ کاراکتر و حداکثر ۱۰ کاراکتر باشد.

نمونه تمرین ۱   نمونه تمرین ۲   نمونه تمرین ۳   نمونه تمرین ۴