如何在使用jquery提交表单时仅允许键盘字符

时间:2013-06-14 12:54:57

标签: jquery html

如果文本字段包含除字母字符之外的键盘特殊字符(如127-255和iso-8859-1 caharacters

),则使用jquery提交表单时如何验证文本字段以显示警告消息

示例代码:

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>

1 个答案:

答案 0 :(得分:0)

您正在将字符串作为.match()参数传递,因为它需要正则表达式。

要创建正则表达式,您可以执行以下操作:

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

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

然后匹配就可以了!

由于你使用了很多特殊字符,你很可能需要逃避其中的一些(使用\)。