اعتبارسنجی شماره موبایل با جاوا اسکریپت
اعتبارسنجی شماره موبایل در جاوا اسکریپت – این نوع اعتبار سنجی که یاد خواهیم گرفت فقط بر روی کشور ایران قابل انجام است و نتیجه آن زمانی کامل می شود که 11 رقم به طور کامل وارد شده باشد .
در پایین می توانید دموی برنامه را مشاهده کنید.
دموی اعتبارسنجی شماره موبایل
ساختار HTML
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>Rapidcode.iR - سورس کد</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="static/css/main.css">
</head>
<body>
<div class="container">
<a class="text-center" id="introduce" href="https://rapidcode.ir" target="_blank">رپید کد • کتابخانه مجازی برنامه نویسان</a>
<form class="col-6 m-auto">
<label class="mb-2">شماره همراه</label>
<input type="text" id="phone-number" class="form-control shadow-none border border-2" placeholder="09** *** ** **" dir="ltr"></input>
</form>
</div>
<script src="static/js/app.js"></script>
</body>
</html>
اسکریپت جاوا اسکریپت
window.addEventListener("load" , function(){
function phoneNumberHandler(){
const thisElement = this;
const value = thisElement.value;
let newValue = value.replace(/[^\d]/gi , "").trim();
const tempValue = newValue;
newValue = newValue.substr(0 , 11);
if(newValue.length < 11){
const repeate = 11 - newValue.length;
newValue += "*".repeat(repeate);
}
let pos = newValue.search(/[^\d]/gi);
newValue = `${newValue.slice(0,4)} ${newValue.slice(4,7)} ${newValue.slice(7,9)} ${newValue.slice(9,11)}`;
thisElement.value = newValue;
if(pos != -1){
if(5<=pos && pos <=7){
pos += 1;
}else if(8<=pos && pos <=9){
pos += 2;
}else if(10<=pos && pos <=11){
pos += 3;
}
setTimeout(()=>{phoneNumberDOM.setSelectionRange(pos,pos);} , 1);
}
thisElement.classList.remove("border-danger");
thisElement.classList.remove("border-success");
if(tempValue.length == 11 && tempValue.search('09') == 0){
thisElement.classList.add("border-success");
}else if(tempValue.length == 11 && tempValue.search('09') != 0){
thisElement.classList.add("border-danger");
}
}
const phoneNumberDOM = document.getElementById("phone-number");
phoneNumberDOM.addEventListener("input" , phoneNumberHandler);
phoneNumberDOM.addEventListener("focus" , function(){
const thisElement = this;
const event = new Event("input");
thisElement.dispatchEvent(event);
});
});
لیست نظرات
سلام وقتتون بخیر یک ویدیو پلیر طراحی کردم میخوام تعداد ویو هارو با اسکریپت بدست بیارم فریمورک خاصی داره؟
درود اگر از تعداد ویو منظورتون بازدید هست باید از php و mysql جهت ذخیره و دریافت تعداد بازدید استفاده کنید .