Changing input method on the fly
I have a simple form on laravel which will take name and email only and submit it to database. Name will be in Japanese. I can validate it in controller.
However, when I am using chrome; after inserting the name in Japanese; I press TAB key and input method automatically changes when cursor is on the email field.
But when I am using edge the input method doesn't change automatically. I have to manually change it.
Is there any way to automatically change input method on the fly regardless of the browser? Is there any JS function and/or Laravel function that I can use?
javascript laravel locale
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
add a comment |
I have a simple form on laravel which will take name and email only and submit it to database. Name will be in Japanese. I can validate it in controller.
However, when I am using chrome; after inserting the name in Japanese; I press TAB key and input method automatically changes when cursor is on the email field.
But when I am using edge the input method doesn't change automatically. I have to manually change it.
Is there any way to automatically change input method on the fly regardless of the browser? Is there any JS function and/or Laravel function that I can use?
javascript laravel locale
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
Hi Nabil. Can you post the HTML part related to your question? Also, what do you mean by the"input method"?
– Ahmad
Nov 22 '18 at 10:49
provide tab-index attribute to your input fields accordingly.
– Gaurav Gupta
Nov 22 '18 at 10:51
By input method I meant input language. Input language automatically changes from Japanese to English.
– Nabil Farhan
Nov 22 '18 at 11:02
reset your chrome setting and you good to go.. because in your setting it's automatically converted non English to English
– Gaurav Gupta
Nov 22 '18 at 11:47
add a comment |
I have a simple form on laravel which will take name and email only and submit it to database. Name will be in Japanese. I can validate it in controller.
However, when I am using chrome; after inserting the name in Japanese; I press TAB key and input method automatically changes when cursor is on the email field.
But when I am using edge the input method doesn't change automatically. I have to manually change it.
Is there any way to automatically change input method on the fly regardless of the browser? Is there any JS function and/or Laravel function that I can use?
javascript laravel locale
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
I have a simple form on laravel which will take name and email only and submit it to database. Name will be in Japanese. I can validate it in controller.
However, when I am using chrome; after inserting the name in Japanese; I press TAB key and input method automatically changes when cursor is on the email field.
But when I am using edge the input method doesn't change automatically. I have to manually change it.
Is there any way to automatically change input method on the fly regardless of the browser? Is there any JS function and/or Laravel function that I can use?
javascript laravel locale
javascript laravel locale
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
edited Jan 28 at 11:14
Nabil Farhan
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
asked Nov 22 '18 at 10:45
Nabil FarhanNabil Farhan
391114
391114
Hi Nabil. Can you post the HTML part related to your question? Also, what do you mean by the"input method"?
– Ahmad
Nov 22 '18 at 10:49
provide tab-index attribute to your input fields accordingly.
– Gaurav Gupta
Nov 22 '18 at 10:51
By input method I meant input language. Input language automatically changes from Japanese to English.
– Nabil Farhan
Nov 22 '18 at 11:02
reset your chrome setting and you good to go.. because in your setting it's automatically converted non English to English
– Gaurav Gupta
Nov 22 '18 at 11:47
add a comment |
Hi Nabil. Can you post the HTML part related to your question? Also, what do you mean by the"input method"?
– Ahmad
Nov 22 '18 at 10:49
provide tab-index attribute to your input fields accordingly.
– Gaurav Gupta
Nov 22 '18 at 10:51
By input method I meant input language. Input language automatically changes from Japanese to English.
– Nabil Farhan
Nov 22 '18 at 11:02
reset your chrome setting and you good to go.. because in your setting it's automatically converted non English to English
– Gaurav Gupta
Nov 22 '18 at 11:47
Hi Nabil. Can you post the HTML part related to your question? Also, what do you mean by the
"input method"?– Ahmad
Nov 22 '18 at 10:49
Hi Nabil. Can you post the HTML part related to your question? Also, what do you mean by the
"input method"?– Ahmad
Nov 22 '18 at 10:49
provide tab-index attribute to your input fields accordingly.
– Gaurav Gupta
Nov 22 '18 at 10:51
provide tab-index attribute to your input fields accordingly.
– Gaurav Gupta
Nov 22 '18 at 10:51
By input method I meant input language. Input language automatically changes from Japanese to English.
– Nabil Farhan
Nov 22 '18 at 11:02
By input method I meant input language. Input language automatically changes from Japanese to English.
– Nabil Farhan
Nov 22 '18 at 11:02
reset your chrome setting and you good to go.. because in your setting it's automatically converted non English to English
– Gaurav Gupta
Nov 22 '18 at 11:47
reset your chrome setting and you good to go.. because in your setting it's automatically converted non English to English
– Gaurav Gupta
Nov 22 '18 at 11:47
add a comment |
1 Answer
1
active
oldest
votes
I solved the problem. The trick is using css.
In the fields I need English input, I put ime-mode inactive and type = tel.
In the fields I need Japanese input, I put ime-mode active.
It worked. my code was something like this.
<input type="text" name="number" placeholder="enter your name" style="ime-mode: active;">
<input type="tel" name="email" placeholder="enter your email" style="ime-mode: inactive;">
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53429177%2fchanging-input-method-on-the-fly%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I solved the problem. The trick is using css.
In the fields I need English input, I put ime-mode inactive and type = tel.
In the fields I need Japanese input, I put ime-mode active.
It worked. my code was something like this.
<input type="text" name="number" placeholder="enter your name" style="ime-mode: active;">
<input type="tel" name="email" placeholder="enter your email" style="ime-mode: inactive;">
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
add a comment |
I solved the problem. The trick is using css.
In the fields I need English input, I put ime-mode inactive and type = tel.
In the fields I need Japanese input, I put ime-mode active.
It worked. my code was something like this.
<input type="text" name="number" placeholder="enter your name" style="ime-mode: active;">
<input type="tel" name="email" placeholder="enter your email" style="ime-mode: inactive;">
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
add a comment |
I solved the problem. The trick is using css.
In the fields I need English input, I put ime-mode inactive and type = tel.
In the fields I need Japanese input, I put ime-mode active.
It worked. my code was something like this.
<input type="text" name="number" placeholder="enter your name" style="ime-mode: active;">
<input type="tel" name="email" placeholder="enter your email" style="ime-mode: inactive;">
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
I solved the problem. The trick is using css.
In the fields I need English input, I put ime-mode inactive and type = tel.
In the fields I need Japanese input, I put ime-mode active.
It worked. my code was something like this.
<input type="text" name="number" placeholder="enter your name" style="ime-mode: active;">
<input type="tel" name="email" placeholder="enter your email" style="ime-mode: inactive;">
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
answered Jan 23 at 8:59
Nabil FarhanNabil Farhan
391114
391114
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53429177%2fchanging-input-method-on-the-fly%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Hi Nabil. Can you post the HTML part related to your question? Also, what do you mean by the
"input method"?– Ahmad
Nov 22 '18 at 10:49
provide tab-index attribute to your input fields accordingly.
– Gaurav Gupta
Nov 22 '18 at 10:51
By input method I meant input language. Input language automatically changes from Japanese to English.
– Nabil Farhan
Nov 22 '18 at 11:02
reset your chrome setting and you good to go.. because in your setting it's automatically converted non English to English
– Gaurav Gupta
Nov 22 '18 at 11:47