Convert cities to make first letter to uppercase. if I have new york I want it New York

Question

I'm using this code:

     function ucfirst(field) {
       field.value = field.value.substr(0, 1).toUpperCase() +       field.value.substr(1);
}

this is working if i have a city like california ==> California. But if I have new york it will not convert the first letter.

Any tips how to make this code work?

score 2 · Answer 1 · edited May 23 '17 at 12:33

2

If you're looking for a JavaScript function, here's one from Greg Dean

function ucfirst(field)
{
    var fieldString = field.value;
    fieldString = fieldString.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
    field.value = fieldString;
}

Edit: Added Fievel Yaltsen's suggestion to use field.value instead of return.

And here's a JSFiddle

edited May 23 '17 at 12:33

Community

1
1

answered Oct 12 '15 at 16:26

abagh0703

841
1
12
26

1

@doudy_05 In your case, you may want to replace 'return' with 'field.value =' – Josiah Krutz Oct 12 '15 at 16:35
@doudy_05 how about now? – abagh0703 Oct 12 '15 at 16:37
I receive this error message: Uncaught TypeError: field.replace is not a function – doudy_05 Oct 12 '15 at 16:38
I have a field when I type new york I need to convert the first letters and this code is giving me this error> Uncaught TypeError: Cannot read property 'replace' of undefined – doudy_05 Oct 12 '15 at 16:45
@doudy_05 ok, try it now. – abagh0703 Oct 12 '15 at 16:48
@abagh0703 perfect! Thank you – doudy_05 Oct 12 '15 at 16:50

score 0 · Answer 2 · answered Oct 12 '15 at 16:23

0

Why javascript if you can do it with css?

p {
  text-transform: capitalize;
}

<p>california, new york</p>

answered Oct 12 '15 at 16:23

Nick

3,231
2
28
50

2

It's simple but there is no tag related CSS... – Sarjan Desai Oct 12 '15 at 16:24
Because he asked for Javascript? What if this was a node.js app? – Liam Oct 12 '15 at 16:25

score 0 · Answer 3 · answered Oct 12 '15 at 16:28

0

function ucfirst(str)
{
    return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}

answered Oct 12 '15 at 16:28

Daath

1,899
7
26
42

when I use this code I have this error Uncaught TypeError: Cannot read property 'replace' of undefined – doudy_05 Oct 12 '15 at 16:35
3

Please consider editing your post to add more explanation about what your code does and why it will solve the problem. An answer that mostly just contains code (even if it's working) usually wont help the OP to understand their problem. – SuperBiasedMan Oct 12 '15 at 17:02

score 0 · Answer 4 · answered Oct 12 '15 at 16:29

0

    <!DOCTYPE html>
<html>
<head>
<style>
p.capitalize {
    text-transform: capitalize;
}
</style>
</head>
<body>
<p class="capitalize">This is some text.</p>

</body>
</html>

answered Oct 12 '15 at 16:29

Asif Mehmood

473
3
16

1

Please consider editing your post to add more explanation about what your code does and why it will solve the problem. An answer that mostly just contains code (even if it's working) usually wont help the OP to understand their problem. – SuperBiasedMan Oct 12 '15 at 17:01

Convert cities to make first letter to uppercase. if I have new york I want it New York

4 Answers4