0

我正在制作一个简单的 Web 应用程序，它从特定域读取短 URL，然后在现有 Internet 浏览器中打开短 URL。该功能已经在工作，但我对如何继续添加输入验证以使系统更加自助服务感到有些困惑。我想验证一个不使用表单的文本输入字段。我希望文本字段仅支持小写字母和数字 0 到 9。我在论坛中找到了一些解决方案，但我无法完全集成所提供的解决方案，因为它们中的大多数都使用表单，而我的编程技能是初学者的水平。我的输入字段使用链接锚点，如下所示：

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

我需要在我的 jquery 脚本中添加以下函数：

  1. 单击链接时，脚本将检查“关键字”中提供的字符串是否为小写和数字。如果用户输入小写字母和数字以外的字符，则会弹出警告消息“检测到无效字符。再试一次”。

  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 回答