Find Jobs
Hire Freelancers

Create a masked INPUT field with country code selector

$10-30 USD

In Progress
Posted about 9 years ago

$10-30 USD

Paid on delivery
Hello, everybody! I need to create a masked INPUT using Angular.js and jQuery The site logic is as follows: 1. A user enters the section "Services" by selecting a particular service [login to view URL] 2. On this page browser receives data in JSON format by automatic ajax-request. The data includes next fields: "Mask" it specifies the mask for INPUT, "ServiceID", "DefaultCountry" - two letters of the country which will be selected by default INPUT (this parameter can be omitted) 3. If ServiceID = 1, we have to use an angular Directive, which you will have to write INPUT must be look like as follow pictures ([login to view URL], [login to view URL]) Requirements of the Directive: 1. It should receive a list of countries by ajax to display them in the drop-down list. I've already have this script, it gives the data in JSON format (you'll be need the following fields: CountryCode - two letters of the country for CSS, CountryName - name of the country to the drop-down list, PhoneCode - the international country code for INPUT) 2. It must formate INPUT field according to the "Mask" parameter (see mask definitions here: [login to view URL]) 3. It must build a placeholder, depending on the "Mask" parameter (it may be lilke this '(___) ___-__-__', but it is better to use spaces instead of underscore) 4. When it's initializing it must look at DefaultCountry and automatically select the appropriate code, with changes in INPUT mask, placehoder, and the code of the country added to the INPUT. The same thing happens when you select a different country code 5. If possible, make the country code unmodifiable from keyboard 6. CSS is not really important, it can be done using standard bootstrap styles What I want to get: 1. [login to view URL] - file that describes the INPUT and calls the directive 2. [login to view URL] - file that describes all the logic of the directive 3. [login to view URL] - template for directive Please, take a part in this task only if you have enough practical experience in Angular.js coding The task is urgent, it must be closed in 1-2 days Thank you for your attention!
Project ID: 7045461

About the project

2 proposals
Remote project
Active 9 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
2 freelancers are bidding on average $43 USD for this job
User Avatar
Propunerea nu a fost încă furnizată
$40 USD in 2 days
5.0 (27 reviews)
6.1
6.1
User Avatar
A proposal has not yet been provided
$45 USD in 2 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of RUSSIAN FEDERATION
Moscow, Zelenograd, Russian Federation
5.0
3
Member since Dec 24, 2014

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.