Question

我正试图在用户类别输入投入时,动态地制造一种ur。应当消除不受欢迎的特征。空间应当由hy子和所有东西方取代。因此,如果用户类型“Ruddy s Cheese Hotel”,就应当“ruddys-cheese-shop”。

这是我迄今为止所做的。

<input id="tb1" />
<div id="tb2"></div>

$( #tb1 ).keyup(function() {
  var Text = $( #tb1 ).val();
  Text = Text.toLowerCase();
  Text = Text.replace(/[^a-zA-Z0-9]+/g, - );
  $( #tb2 ).html($( #tb1 ).val(Text));
});

It almost works but I am new to js. Thanks

Answer 1

你的法典,但略有改进。

$( #tb1 ).keyup(function() {
    var text = $(this).val().toLowerCase();
    text = text.replace(/[^a-z0-9]+/g,  - );
    $( #tb2 ).text(text);
});

You don t need to find $( #tb1 ) element over and over again since you have a refference to it inside the function as $(this).

http://jsfiddle.net/jFjR3/。

Answer 2

只看一.,除非你确定点2值。我想你想要:

$( #tb2 ).html(Text);

当然,由于你们叫到LowerCase,你不需要取代上个案例。更简单地说:

Text = Text.replace(/[^a-z0-9]+/g, - );

如果你也希望更新用户类型,就是一个充分的例子。请注意,只有在你开始打字时才会更新编号2。

  <html>
    <head>
      <script src="js/jquery.js" ></script>
      <script language="javascript">
      $(function() {
        $( #tb1 ).keyup(function() {
           var Text = $( #tb1 ).val();
           Text = Text.toLowerCase();
           Text = Text.replace(/[^a-z0-9]+/g, - );
           $( #tb2 ).html(Text);
           $( #tb1 ).val(Text);
        });
      });
      </script>
    </head>
  <body>
  <input type="text" id="tb1" value="Ruddy s Cheese Shop" />
  <div id="tb2"></div>
  </body>
  </html>

Answer 3

看像你那样需要双管,即。

Text = Text.replace(/[s]+/g, - ); 
Text = Text.replace(/[^a-z_0-9-]+/g,  );

这把精炼的切塞店改为rud店

帮助的希望

友情链接