[Copper]

Hello,

 

Are input mask possible and if so how? To be more specific phone and currency masks, such as (xxx)xxx-xxxx. I am new to Codeigniter and Grocerycrud so specific examples would be very helpful.

 

Thanks for taking the time to read this.

[victor]

you can use javascript for that and validate it on the server too

[victor]

Welcome to the forum )

[Copper]

Victor thanks. I'm sorry if my questions are at the beginner level. I have a few years of php experience and a little javascript experience. I'm trying to learn oop, codeigniter and grocerycrud.

 

Where should I put the javascript and how should I call it?

 

Thanks!

[victor]

do you want to validate it or you need to make a hint in the input ? for example (___) __________

[Copper]

On the input.

[victor]

There are javascript libraries to make it. I have seen it before, but I dont know where

[Copper]

Here is a site that offers the javascript code with a demo.

 

http://digitalbush.com/projects/masked-input-plugin/

 

I don't know where to install it in grocerycrud.

[victor]

First, include the jQuery and masked input javascript files. in to header your view file then write this (in header too) jQuery(function($){ $(".Your_input_id").mask("(999) 999-9999",{placeholder:"(___)) ___-____ "}); });

[Copper]

Making progress. I found Grocerycrud already loads jquery. I loaded the input mask javascript file after the jquery load. After changing your code slightly I was able get the mask to show up and could enter the phone number properly but it won't save what I typed in.

 

Here is what I changed your code to :    

 

    jQuery(function($){

        $("#field-phone").mask("(999)999-9999",{placeholder:"_"});

    });

 

If I used ".field-phone" instead of "#field-phone" the mask wouldn't show up.

 

Also if I used "(___)) ___-____ " as the place holder it kept repeating itself.

(___)) ___-____(___)) ___-____(___)) ___-____(___)) ___-____

 

Again thanks for your help.

[Copper]

It looks like I have it working now. I changed the field type from INT to varchar and the length from 10 to 13.

 

Thanks a lot for your help Victor.