0

jquery を使用してフォームを送信する際にテキスト フィールドを検証して、テキスト フィールドに ASCII 文字フォーム 127-255 や iso-8859-1 キャラクターなどのキーボード特殊文字以外の文字が含まれている場合に警告メッセージを表示する方法

サンプルコード:

Javascript コード :

<script type="text/javascript">
    $(function()
    {           
        $('#send').click(function()
        {
            var firstname=$('#firstname').val();
            var pattern = "^[a-zA-Z0-9~`!@#$%^&*()_+-={}|:;<>,.?\/']+$";
            if((!firstname.match(pattern)))
            {
                alert('your input contained not supported characters');
                return false;
            }
            return true;
        });
    });
</script>

HTML コード :

<form id="ajax_form" action="ajaxoutput.php">
<input type="text" name="FirstName" id="firstname" placeholder="FirstName" /><br>
<input type="text" name="LastName" placeholder="LastName" /><br>
<input type="file" name="image"/><br/>
<input type="submit" value="submit" name="submit" id="send" /> <input type="reset" value="reset"/>
</form>
4

1 に答える 1

0

正規表現が必要な文字列を.match()引数として渡しています。

正規表現を作成するには、次のようにします。

var pattern = new RegExp("^[a-zA-Z0-9~`!@#$%^&*()_+-={}|:;<>,.?\/']+$");

また

var pattern = /^[a-zA-Z0-9~`!@#$%^&*()_+-={}|:;<>,.?\/']+$/;

その後、一致が機能します！

多くの特殊文字を使用するため、おそらくそれらの一部もエスケープする必要があります ( を使用\)。

于 2013-06-14T13:06:32.153 に答える