A customized Javascript application designed specifically for Blackberry Bold users, enabling them to effortlessly choose a country and seamlessly enter a correctly formatted zip code in the designated text field

Question

A customized Javascript application designed specifically for Blackberry Bold users, enabling them to effortlessly choose a country and seamlessly enter a correctly formatted zip code in the designated text field

I am currently developing a mobile web app for Blackberry Bold 9700 & 9650 devices running on the 5.0 browser. The main functionality of the app involves allowing users to select either US or Canada from a drop-down menu. Based on their selection, the input text field will dynamically adjust to display the appropriate zip code formatting. For Canadian selections, both alpha and numeric characters will be allowed in the input field, whereas for US selections, only numeric characters will be permitted.

Do you have any innovative ideas on how to implement this?

Thank you, Travis

javascript blackberry

Answer 1

Answer №1

Give this a shot:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
</head>
<body>
    <p>
        <label for="country">
            Country:
        </label>
        <select id="country" name="country">
            <option value="usa">USA</option>
            <option value="canada">Canada</option>
        </select>
    </p>
    <p>
        <label for="zip">
            Zip:</label>
        <input type="text" id="zip" name="zip" />
    </p>
    <script type="text/javascript">

        var countrySelect = document.getElementById('country');
        var zipInput = document.getElementById('zip');

        function validateZip(evt) {

            // regex obtained from http://regexlib.com/REDetails.aspx?regexp_id=2494
            var usZipRegex = /^(\d{5}-\d{4}|\d{5}|\d{9})$/;
            var canZipRegex = /^([a-zA-Z]\d[a-zA-Z]( )?\d[a-zA-Z]\d)$/;
            var zipRegex;

            var country = countrySelect.value;

            if (country === 'usa') {
                zipRegex = usZipRegex;
            }
            else if (country === 'canada') {
                zipRegex = canZipRegex;
            }

            var valid = zipRegex.test(zipInput.value);
            alert(valid ? 'Valid' : 'Invalid');
        }

        zipInput.onchange = validateZip;

    </script>
</body>
</html>

Answer 2

Give this a shot:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
</head>
<body>
    <p>
        <label for="country">
            Country:
        </label>
        <select id="country" name="country">
            <option value="usa">USA</option>
            <option value="canada">Canada</option>
        </select>
    </p>
    <p>
        <label for="zip">
            Zip:</label>
        <input type="text" id="zip" name="zip" />
    </p>
    <script type="text/javascript">

        var countrySelect = document.getElementById('country');
        var zipInput = document.getElementById('zip');

        function validateZip(evt) {

            // regex obtained from http://regexlib.com/REDetails.aspx?regexp_id=2494
            var usZipRegex = /^(\d{5}-\d{4}|\d{5}|\d{9})$/;
            var canZipRegex = /^([a-zA-Z]\d[a-zA-Z]( )?\d[a-zA-Z]\d)$/;
            var zipRegex;

            var country = countrySelect.value;

            if (country === 'usa') {
                zipRegex = usZipRegex;
            }
            else if (country === 'canada') {
                zipRegex = canZipRegex;
            }

            var valid = zipRegex.test(zipInput.value);
            alert(valid ? 'Valid' : 'Invalid');
        }

        zipInput.onchange = validateZip;

    </script>
</body>
</html>

A customized Javascript application designed specifically for Blackberry Bold users, enabling them to effortlessly choose a country and seamlessly enter a correctly formatted zip code in the designated text field

Answer №1

Similar questions

Looking for assistance in implementing specific styling techniques with React

Calculate the total of all values associated with a dynamically generated key within an array of objects

What is the best approach to execute this function repeatedly at specific intervals?

One effective way to redirect after a PUT request and display a one-time message

Is it feasible to exclude certain CSS files in an HTML Master page within the .NET framework?

Tips on separating a function into two separate files in Node.js

Ways to conceal numerous objects

Error encountered: Unable to assign onClick property to null object

Data is present in a JavaScript array, yet it is returning a value of

Is there a way to adjust the image opacity of a background using Material UI?

Interactive JavaScript Linkage

What changes occurred to module file names following the process of minification?

Refreshing Ajax in a different tab causes the selectize element to become unbound from the editing form in Rails 5

The Thinkster.io MEAN Stack guide: A blank "post" appears on the homepage. What is causing this and how can I remove it?

Tips for formatting a lengthy SQL query in a Node.js application

Automated Facebook Wall Publishing

What is the best way to organize a table with multiple state variables using nested loops?

What is the best way to add a new row in Material-UI?

Dynamic loading of JavaScript/HTML content using jQuery Mobile and PhoneGap

Can you please specify the type of values being entered as input?