[Resolved] Convert input to uppercase

[Author]

Posts

[cristianR-3]

I am trying to: Input letters

I visited this URL:

I expected to see: MLK2233

Instead, I got: mlk2233

[cristianR-3]

I attempted to write some JS that would convert the input values to uppercase, but it is not working. I was wondering if I could get some help.
What I need is, regardless of how the text is typed, I need it to be input in uppercase characters.

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Cristian,

Thank you for contacting our support forum.

Could you share with me your current code so that I can have a look ?

Thanks,
Shane

[cristianR-3]

		<div class="cred-field cred-field-license-plate">
			<label class="cred-label">
                            License Plate #
                       </label>
			[cred_field field='license-plate' post='permit' value='' urlparam='']
		</div>

[cristianR-3]

This would be the JS.

$('input[type=text]').val (function () {
    return this.value.toUpperCase();
})

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Christian,

Try this .

    [cred_field field='license-plate' class='license' post='permit' value='' urlparam='']

 jQuery(".license").val().toUpperCase()

Please let me know if this helps.
Thanks,
Shane

[cristianR-3]

It didn't work. I think I need to trigger a function when the submit button is pressed that will covert the value to uppercase before submitting the data.

Any ideas?

[cristianR-3]

So now this still does not work and another issue emerged. When I modify a child post with a Cred from, I was able to show the parent's post name with [cred_post_parent get='title']. Now it displays the short code and not the name.

Do I need to open a separate ticket for this new issue?

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Christian,

Try this.

jQuery( ".license" ).keyup(function() {
jQuery(".license").val().toUpperCase()
});

Also yes for your second issue a new ticket is recommended.

Thanks,
Shane

[cristianR-3]

Ok, it seems the JS is not enabled. I even tried this. Wrapping it on a document ready function.

$(document).ready(function(){
	$('.submit-button').click(function(){
		alert('This got clicked');
	});
});

[cristianR-3]

It is not running JQuery at all.

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Cristian,

For wordpress you won't be able to use the $ without declaring a function so I would changing the $ to jQuery.

Thanks,
Shane

[cristianR-3]

Ok, I got it to work with this.

jQuery(document).ready(function(){})
jQuery('.license').keyup(function(){
	jQuery(this).val(jQuery(this).val().toUpperCase());
});

[cristianR-3]

Thanks a lot for your help.