[英]How do I use a while-loop correctly to capitalize text fields content until an empty field is found?
我需要创建一个通过按下按钮触发的功能，该功能允许我在大写的多个文本字段中创建每个字符，直到代码读取其中没有任何内容的文本字段为止。 我需要在函数中使用while循环才能执行任务。
更具体地说，我需要该函数按从上到下的顺序更改字段的文本，以便在字段中没有内容时停止将文本更改为大写的行为。
我以为我的代码可以工作，但显然不能。
我有一个使文本字段内容变为大写的按钮，但是我需要第二个按钮来执行上述工作。
var theInputedText; function buttonClicked() { for (var textField = 0; textField <= 9; textField++) { document.textInput.elements[textField].value = document.textInput.elements[textField].value.toUpperCase(); } } function secondButtonClicked() { var textLength = document.textInput.elements[0].value.length; var initialTextField = 0; var textFields = 0; while (document.textInput.elements[textFields].value != null) document.textInput.elements[textFields].value = document.textInput.elements[textFields].value.toUpperCase(); textFields++; }
<body> <form name="textInput"> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br><br> <input type="button" Value="Change First Letter to Uppercase" onclick=buttonClicked()> <input type="button" Value="Change all Letters to Uppercase" onclick=secondButtonClicked()> </form> </body>
当用户在文本字段中键入内容时，假设前5个跳过6，然后填充其余部分，然后按第二个按钮。 前5个字段应变成大写字母，而后5个字段应保持原样。
实际结果是它不起作用，我也不知道为什么。
从更改内部条件
document.textInput.elements[textFields].value != null
至
document.textInput.elements[textFields].value
Suppose You use a count as a variable which increments on every iteration and is initialised as 0.
Then the condition for while will be :
function secondButtonClicked() {
var textLength = document.textInput.elements[0].value.length;
var initialTextField = 0;
var textFields = 0;
var count = 0;
while (count < textLength)
document.textInput.elements[textFields].value =
document.textInput.elements[textFields].value.toUpperCase();
count++;
}
您的代码缺少某些内容，我得到了以下解决方案：
function buttonClicked() { // this variable will handle the counter of textfields var textFields = 0; // the next loop will execute forever, unless textField.value is void or there is no more text fields while (true) { if (!document.textInput.elements[textFields] || !document.textInput.elements[textFields].value) { // here we break the loop, it means a void textField or there is no textField to proccess break; } // We need to trim out blank spaces, this way we ensure toUpperCase() method works document.textInput.elements[textFields].value = document.textInput.elements[textFields].value.trim(); // We capitalize the first character of the string and save it on a variable called 'capitalized' var capitalized = document.textInput.elements[textFields].value.substring(0,1).toUpperCase(); var unCapitalized = ''; if (document.textInput.elements[textFields].value.length > 1) { // We save the rest of the string in a variable called 'unCapitalized' only if there is enough characters on it unCapitalized = document.textInput.elements[textFields].value.substring(1); } // Now we set the value of textField with the desired result document.textInput.elements[textFields].value = capitalized.concat(unCapitalized); // Don't forget to increment our counter; textFields++; } // End while loop } // End function buttonClicked() // The next function is basically the same as above // except that we capitalize all the characters on the string function secondButtonClicked() { // start our counter var textFields = 0; // this loop runs until one of 2 conditions listed above are satisfied while (true) { if (!document.textInput.elements[textFields] || !document.textInput.elements[textFields].value) { break; } // Don't forget to trim out the blank spaces document.textInput.elements[textFields].value = document.textInput.elements[textFields].value.trim(); // here we just capitalize the whole string document.textInput.elements[textFields].value = document.textInput.elements[textFields].value.toUpperCase(); // Again, don't forget to increment the counter textFields++; } // End while loop } // End function secondButtonClicked()
<body> <form name="textInput"> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br> <input type="text"><br><br> <button type="button" onclick=buttonClicked()>Change First Letter to Uppercase</button> <button type="button" onclick=secondButtonClicked()>Change all Letters to Uppercase</button> </form> </body>
我也更改了HTML，在您的代码中您得到了<input type="button"...>因此，当您单击它时，也会处理该input的value 。
解决方案是使用button html标签。
希望这对您有用。
使用 jQuery，如何在用户仍在编辑该字段时将文本字段的第一个字母大写？
[英]With jQuery, how do I capitalize the first letter of a text field while the user is still editing that field?
如何重新制作我的程序，使其使用递归而不是 while 循环？
[英]How do I re-make my program so it uses recursion instead of while-loop?
如何使用之前定义的函数制动While-Loop？（普通Java脚本）
[英]How do I brake While-Loop with a function defined before?(plain Java Script)
如何使用 while-loop、do-loop 从 1 到用户输入的数字求和？
[英]How to sum numbers from 1 through user's entry, using while-loop, do-loop?
如何计算用户在 Javascript 中输入的数字的阶乘，使用，do-loop，while-loop？
[英]How to calculate the factorial of a number entered by user in Javascript, using, do-loop, while-loop?
我是否需要使第三个累加器在此while循环中保存项目类型？
[英]Do I need to make a third accumulator for saving the item types in this while-loop?
如何制作 JavaScript while 循环来存储可被两个值整除的值？
[英]How can I make a JavaScript while-loop for storing values that are divisible by two values?
P5.Js - 如何在特定 x 值的 while 循环中更改 line() 颜色？
[英]P5.Js - how can I change line() color in a while-loop on specific x-values?
javasccript键入时如何大写输入字段文本的第一个字母？
[英]how to capitalize the 1st letter of input field text while typing by javasccript?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.