如何将字段数据从一种格式更改为另一种格式
How to change field data from one format to another format
在我的表单中,我有四个字段。所有字段都可以自由接受数字,这些数字被转换成预定义的字符格式(我用错误的逻辑实现了一半,但在结果字段中,它并没有将所有字段数据组合成某种格式。假设如果你在每个字段中键入数字2,那么结果字段应该看起来像:"XXYYZZNN"),
我想要的是:
- 我将为每个字段固定一个字符,对于T1它是"X",对于T2它是"Y",T3是"Z",T4是"N"
- 现在
如果我在T1中输入2(可以是0-9),结果字段应该显示"XX"
如果我在T2中输入3,结果字段应显示"XXYYY"(听说XX是以前的字段数据)
如果我在T3中输入1,"结果"字段应显示"XXYYYZ"和
如果我在T4中输入4,"结果"字段应显示"XXYYYZNNNN"
类似地,最终结果将是"XXYYYZNNNN"
我该怎么做?任何帮助都将不胜感激。谢谢
这将是我的方法:
使用数据属性来定义每个输入的字符(也使用适当的标签标签和输入的类型属性)
<div>
<label for="textBox1">T1 :</label>
<input type="text" id="textBox1" data-char="X"></input>
<br/>
<label for="textBox2">T2 :</label>
<input type="text" id="textBox2" data-char="Y"></input>
<br/>
<label for="textBox3">T3 :</label>
<input type="text" id="textBox2" data-char="Z"></input>
<br/>
<label for="textBox4">T4 :</label>
<input type="text" id="textBox3" data-char="N"></input>
<br/>
<label for="message">Result :</label>
<input type="text" id="message"></input>
</div>
然后,我会遍历每个keyup事件的所有文本框,将它们的值解析为一个数字,并将相应的字符附加到结果中
$(document).ready(function () {
$('[id^="textBox"]').keyup(function(){
var result = '';
$('[id^="textBox"]').each(function(){
var count = parseInt($(this).val(),10) || 0;
result += Array(count+1).join($(this).data('char'));
});
$('#message').val(result);
});
});
工作小提琴
演示
$(document).ready(function () {
function another_format(len,char_code){
var ret='';
for(var i=0;i<len;i++){
ret +=char_code;
}
return $.trim(ret);
}
$("#textBox,#textBox1,#textBox2,#textBox3").keyup(function (event) {
console.log(event.keyCode);
if (event.keyCode >=49 && event.keyCode <= 57 && event.keyCode == 8 && event.keyCode=46) {
var x = another_format($('#textBox').val(),'X');
var y = another_format($('#textBox1').val(),'Y');
var z = another_format($('#textBox2').val(),'Z');
var n = another_format($('#textBox3').val(),'N');
$('#message').val(x+y+z+n);
}
});
});
相关文章:
- 有没有一种方法可以从两个标签之间提取文本,并以我选择的格式输出
- 解析一个复杂的JavaScript表达式,将其改写为另一种格式
- 通过javascript将带有日期的字符串格式化为另一种格式
- 将JSON从一种格式转换为另一种格式
- 将 JSON 日期解析为另一种格式
- 将 json 文件转换为另一种格式
- TinyMCE 4:自动将一种块格式应用于新块
- 是Javascript的一种特殊字符串格式
- 我在变量中有一个日期格式.如何将该变量日期转换为另一种格式
- 用JavaScript将日期从一种格式转换为另一种格式
- 如何将字段数据从一种格式更改为另一种格式
- 是否有可能实现一种“;猜测;此日期格式基于数组中的信息
- 将REST JSON输出格式化为另一种格式
- 如何将一种日期格式转换为另一种
- 有没有一种原生的JavaScript方法来解析格式不佳的类似JSON的字符串
- 如果有一种方法可以在Javascript中以JSON格式访问对象属性
- 给定一个特定的日期,是否有一种方法可以在不知道日期是以哪种格式书写的情况下在自由文本文档中搜索该日期?
- 将欧洲价格转换为另一种格式
- 如何将json从一种格式转换为另一种格式
- 当我尝试从另一种日期格式创建一个日期对象时,结果日期正在改变它的值