Question

166

How to do validation for 10 digit mobile number Using jQuery

rated 0 times [ 173] [ 7] / answers: 1 / hits: 85734 / 8 Years ago, mon, january 16, 2017, 12:00:00

<div>

        <span id=mobile-valid>

          <i class=fa fa-check></i>

              Valid Mobile No

        </span>  

         <span id=mobile-invalid >

           

                 Invalid mobile No

        </span>

      </div>

    <div>

     

          Mobile No

        </div>



      <div>

        <input id=mobile-num type=text/>

 

  </div>

How to do validation for 10 digit mobile number Using jQuery Ajax?Only numbers are allowed cannot use characters or alphanumeric characters.So how can i use jquery Ajax to do validation.I want to show on above input box that Invalid Email .and (dont want to show alert)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sandra

Add To Favorites

Follow

Total Points: 708

Total Questions: 100

Total Answers: 84

Location: Bosnia and Herzegovina

Member since Thu, Jun 24, 2021

3 Years ago

sandra questions

1 NestJS/TypeORM: Cannot read property 'createQueryBuilder' of undefined

Mon, Nov 16, 20, 00:00, 4 Years ago

1 How to pass an array in query parameter reactjs

Tue, Jun 30, 20, 00:00, 4 Years ago

1 Firebase popup signin popup-closed-by-user error

Sun, May 31, 20, 00:00, 4 Years ago

1 How to test a component with the < Router> tag inside of it?

Wed, May 20, 20, 00:00, 4 Years ago

1 How do I send an array with fetch? (Javascript)

Fri, May 31, 19, 00:00, 5 Years ago

View All

answered 8 Years ago jelani · Accepted Answer

This will work for you...

$(document).ready(function(){

  

  $(#mobile-num).on(blur, function(){

        var mobNum = $(this).val();

        var filter = /^d*(?:.d{1,2})?$/;



          if (filter.test(mobNum)) {

            if(mobNum.length==10){

                  alert(valid);

              $(#mobile-valid).removeClass(hidden);

              $(#folio-invalid).addClass(hidden);

             } else {

                alert('Please put 10  digit mobile number');

               $(#folio-invalid).removeClass(hidden);

               $(#mobile-valid).addClass(hidden);

                return false;

              }

            }

            else {

              alert('Not a valid number');

              $(#folio-invalid).removeClass(hidden);

              $(#mobile-valid).addClass(hidden);

              return false;

           }

    

  });

  

});

.hidden{

  display: none;

}

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

	<div id=mobile>

	  <div class=input>

		<div class=label>

		  <div class=label-1>

			<span id=mobile-valid class=hidden mob>

				<i class=fa fa-check pwd-valid></i>Valid Mobile No

			</span>  

			<span id=folio-invalid class=hidden mob-helpers>

				<i class=fa fa-times mobile-invalid></i>Invalid mobile No

			</span>

		  </div>

		</div>

		<div class=row>

		  <div class=col-xs-3>

			<div class=label-2>

			  Mobile No

			</div>

		  </div>

		  <div class=col-xs-9>

			<input id=mobile-num type=text class=form-control form-change-element />

		  </div>

		</div>

	  </div>

	</div>