Field "Telephone number"

Hi,

I’m not sure you’re aware that my plugin only adds new field’s types to xprofile module of buddypress. I’m saying this because reading your final request, I don’t think this request can be satisfied by my plugin… The core of xprofile is from Buddypress.

To do this, I think you can use javascript to format the fields with the same layout maybe.

Hi Dominik,

thank you for your answer.

About my topics 2 & 3, I agree, not directed to the root idea of the plugin.
But I had it also on my heath and wanted to leave a post, maybe someone reads it who can help :-).

Topic 1, ensure that ONLY numbers are part of a field (sign check), can you help me there if this is possible ?

I’m not sure this is what you want but if you want to show a field like this:

Phone: + | _ _ | | _ _ _ | | _ _ _ _ _ |

So, a “+”, 2 digits, 3 digits and then 5 digits? If you want to do this, you can use a textbox and with javascript do something like this:

<script>
    var field_1 = '',
        field_2 = '',
        field_3 = '';
    // Check if the field is not empty.
    if (jQuery('#field_15').val() != '') {
        // Writing the value of field in vars.
        field_1 = (jQuery('#field_15').val()).substring(1,3);
        field_2 = (jQuery('#field_15').val()).substring(3,6);
        field_3 = (jQuery('#field_15').val()).substring(6,11);
    }
    // We hide the original field and append 3 dynamic fields we create on the fly with the
   // values we pick up above.
    jQuery('#field_15').hide()
        .parent().append('+ <input type="text" name="field_15_1" id="field_15_1" class="auxfield" maxlength="2" size="5" value="'+field_1+'" /> <input type="text" name="field_15_2" id="field_15_2" class="auxfield" maxlength="3" size="10" value="'+field_2+'" /> <input type="text" name="field_15_3" id="field_15_3" class="auxfield" maxlength="5" size="15" value="'+field_3+'" />');

    // We save the values of fields in the original field every time we write a number.
    jQuery('.auxfield').keyup(function() {
jQuery('#field_15').val('+'+jQuery('#field_15_1').val()+jQuery('#field_15_2').val()+jQuery('#field_15_3').val());
    });
</script>

Tell me if this helps or not.

Since phone number formats vary regionally I am not sure how you would best add them to the plugin, still it’s a useful feature I’d like to see.

I don’t know much javascript, but it looks like you are using the “modernizr” library which should make it safe to use the html5 input “pattern” feature?

Your code is nicely laid out, it was not a problem to add another type, so I edited your plugin to add a phone number field, with the US phone number pattern (123-456-7890). The bit from bp-xprofile-custom-fields-type.php with the pattern check in it looks like this:

<input type="tel" name="<?php bp_the_profile_field_input_name() ?>" id="<?php bp_the_profile_field_input_name() ?>" <?php if ( bp_get_the_profile_field_is_required() ) : ?>aria-required="true" required="required"<?php endif; ?> class="input" value="<?php echo bp_the_profile_field_edit_value(); ?>" pattern="\d{3}[\-]\d{3}[\-]\d{4}" placeholder="<?php _e('123-456-7890', 'bxcfg'); ?>" />

I haven’t done much testing with it yet, but it seems to work okay.

Hi, it’s probably the best solution, yes. I have not much time now to look into this. I hope in next weeks I can try to create this new field type.

Thanks!