0

特定のドメインから短い URL を読み取り、その短い URL を既存のインターネット ブラウザーで開く単純な Web アプリを作成しています。機能はすでに動作していますが、入力検証を追加してシステムをよりセルフサービスにする方法について少し混乱しています。フォームを使用していないテキスト入力フィールドを検証したいと思います。テキスト フィールドで小文字と 0 から 9 の数字のみをサポートするようにします。フォーラムでいくつかの解決策を見つけましたが、提供されている解決策を完全に統合することはできません。それらのほとんどはフォームを使用しており、私のプログラミング スキルは初心者レベルだからです。私の入力フィールドはリンク アンカーを使用し、次のようになります。

<input type="text" id="keyword" placeholder="Small letters only" />
<a class="btn" href="http://mysite.com" id="domain"></a>

jquery スクリプトに次の関数を追加する必要があります。

  1. リンクをクリックすると、スクリプトは「keyword」で指定された文字列が小文字と数字のみであるかどうかをチェックします。ユーザーが小文字と数字以外の文字を入力すると、「無効な文字が検出されました。再試行してください」という警告メッセージが表示されます。

  2. リンクをクリックしたときに入力が提供されなかった場合、「入力を提供してください」という警告メッセージがポップアップ表示されます。.

  3. 入力が有効な場合、以下のスクリプトが実行されます。

ご協力いただきありがとうございます。

$(function()
    {
    $('#domain').click( function() 
       {
    window.location = $(this).attr('href') + '/' + $('#keyword').val();
    return false;
        }
    });
});
4

1 に答える 1

1

この検証には正規表現を使用できます。

$(function {
    $('#domain').click( function() {
        var val = $('#keyword').val();
        if (val == '') {  /* popup time */ }
        var regexp = new RegExp("[a-z0-9]+");
        if (regexp.match(val)) { /* Redirect */ }
        else { /* invalid characters */ }
    })
});
于 2013-08-19T18:58:18.377 に答える