将文本从一个文本框复制到另一个,但有一些限制
Copy text fom one textbox to another with some restriction
我有两个文本框。我想做的是,当我在一个文本框中写东西时,它应该复制到另一个(我可以这样做)。但我的要求是,如果我写任何其他东西,而不是a-z、a-z或0-9,那么它不应该复制到第二个文本框。我的html
<textarea name="source" id="src1" cols="150" rows="20" onkeyup="showRelated(event)">
<textarea name="source2" id="src2" cols="150" rows="20" >
我的js
function showRelated(e) {
$("#src2").val($("#src1").val()) ;
}
让我再解释一下,假设我写LO^&1VE,那么在第二个文本框中,LOVE应该只被复制。现在,如果我更喜欢添加更多的LO^&1VE C**V,则在第二个文本框中,LOVE CV应仅适用。有人能建议我怎么做吗?
使用正则表达式[^a-zA-Z0-9]检查或替换非字母数字的字符
function showRelated(){
$("#src2").val( $("src1").val().replace(/[^a-zA-Z0-9]/g,"") );
}
演示
function showRelated(e){
$("#src2").val( $("#src1").val().replace(/[^a-zA-Z0-9]/g,"") );
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="src1" onkeyup="showRelated(event);"></textarea>
<textarea id="src2"></textarea>
这是一种相当残忍的方式,但
function showRelated(e) {
var text=$("#src1").val().split("");
var pattern=/^[a-zA-Z0-9]*$/
var nStr='';
for (var i=0;i<text.length;i++) {
if (pattern.test(text[i])) {
nStr+=text[i];
}
}
$("#src2").val(nStr);
}
基本上,这将检查每个字符是否符合您的标准,如果符合,则将其放入。
相关文章:
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 如何将键入的文本从一个输入类型的文本复制到另一个
- 使用javascript将两个文本框值相加到表中的另一个文本框中
- 在文本上方标记另一个文本
- jQuery将文本从span标记复制到另一个span标记
- 从id标记中的文本进行检查,并将类添加到另一个标记中
- 它在另一个函数中嵌套后不会输出文本
- 如何通过 JS 将内容从一个表单中的一个文本框复制到另一个表单中的另一个文本框
- 使用Javascript从一个文本区域逐行解析.subsr(0,6)到另一个文本区
- 用户在文本框中输入一个数字,并根据使用 PHP 输入的数字重定向到另一个网页
- 如何使用jquery对具有相同类的文本框的值求和并将其放入另一个文本框中
- 使用 jquery 将行值设置为另一个文本
- 从一个文本框执行代码,并在另一个文本框中以 HTML 显示输出
- 内容可编辑-根据类型从一个跨度到另一个跨度克隆文本
- 使用php使用href链接将输入的文本框值传递到另一个页面
- 当文档准备就绪时,将数据从一个文本框复制到另一个
- jQuery-如何使var文本可点击,该文本放置在由更多元素组成的另一个var中(var,checkbox)
- 如何在MVC3剃刀中将文本框值复制到另一个文本框中
- 更改一个文本框的值,与另一个具有比例的文本框值进行比较