0

ユーザーがページ番号を入力して、div ID で識別される特定のページにジャンプできるフォームを作成しようとしています。

<form id="gotopage" class="uniForm">
    <input id="pagenumber" name="pagenumber" value="" size="10" type="text" />
</form>
<script>
$(document).ready(function() {
     $('#gotopage').submit( function() {              
          goUrl = 'index.html#pg-' + $('#pagenumber').val().toLowerCase();
          window.location = goUrl;
          return false;  // Prevent the default form behaviour
     });
});
</script>

たとえば、次のように3桁の方法でIDに名前を付けたことを除いて、これをうまく機能させることができます。

<div id="pg-001">、<div id="pg-002>、<div id="pg-003">などなど。

上記のコードを微調整して、関連するゼロを追加して、ユーザーが入力した任意の数字に 3 桁の数字を構成するように指示できるようにする方法はありますか?

前もって感謝します。

4

3 に答える 3

1

このコードを使用しました：

function pad (str, max) {
  return str.length < max ? pad("0" + str, max) : str;
}

出力：

pad("12", 3);    // => "012"


<form id="gotopage" class="uniForm">
    <input id="pagenumber" name="pagenumber" value="" size="10" type="text" />
</form>
<script>
$(document).ready(function() {
     $('#gotopage').submit( function() {              
          goUrl = 'index.html#pg-' + pad($('#pagenumber').val().toLowerCase(),3);
          window.location = goUrl;
          return false;  // Prevent the default form behaviour
     });
});
</script>
于 2013-09-16T13:11:22.057 に答える