احراز موبایل در جاوا اسکریپت

یکی از مواردی که در اعتبار سنجی فرم ها نیاز داریم دریافت شماره موبایل کاربر است، اما ممکن است کاربر خواسته یا ناخواسته موبایل اشتباه رو وارد کنه. برای رفع این مشکل در این مطلب با احراز موبایل در جاوا اسکریپت در خدمت شما عزیزان هستیم.

از مزایای اعتبار سنجی فرم های ورودی می توان به صحت و کیفیت اطلاعات دریافتی از کاربر اشاره کرد.

احراز موبایل در جاوا اسکریپت

در برخی از فرم نیاز است تا شماره موبایل کاربر دریافت شود اما بنا به دلایل مختلف مانند حفاظت اطلاعات کاربر از ورود موبایل صحیح سر باز میزند. بنابراین میتوان از طریق توابعی موبایل دریافتی از کاربر رو صحت سنجی کرد مانند اینکه ورودی حتما عددی باشه یا فیلد required باشه و یا حداکثر طول 13 رقم باشه البته برای صحت دقیق اعتبار شماره موبایل باید از اعتبار سنجی پیامکی شماره موبایل کاربر استفاده کرد.

در ابتدا یک سند html تعریف میکنیم و کدهای زیر که مربوط به فرم ما هستند رو داخل سند اضافه می کنیم.

<span style="font-size: 16px;"><input type="text" placeholder="Enter Your Mobile Number" maxlength="13" id="Your-id" required>
<button onclick="checkcode()">click me!</button></span>

 

 در input ما باید به یک سری مسائل راجع به کد ملی توجه کنیم ؛

1 ) باید حتما عددی باشد(پس نوع input رو text قرار میدیم)

2 ) باید حتما کاربر یه چیزی رو وارد کنه(require رو اضافه میکنیم

3 ) باید حتما 13 عدد باشد( maxlength رو اضافه میکنیم)

خوب بعد از این که کاربر کلیک کرد باید فرآِیند اعتبار سنجی طبق کد های ما در جاوا اسکریپت فعال بشه .

و در آخر باید مشخص کنیم که متنی که کاربر وارد کرده موبایل هست یا نه ؟ که این قسمت رو هم باید  در حلقه و دستورات شرطی JavaScript اعتبار سنجی کنیم :

function check_mobile() {
  var regex = new RegExp('(0|98|0098|98)?([ ]|-|[()]){0,2}9[0-9]([ ]|-|[()]){0,2}(?:[0-9]([ ]|-|[()]){0,2}){8}');
  var result = regex.test(document.getElementById('mobile').value);
  if (result == true) {
      alert('phone validated');
  } else {
      alert('phone not validated');
  }
}

 

 

مطلب مفیدی برای شما بود ؟ پس به اشتراک بگذارید برای دوستانتان

مصطفی

38 مطلب منتشر شده

درباره این مطلب نظر دهید !