Question

继承我的守则：

<form>
<input class="wrapped-input" type="text" id="blah blah" style="text-align:center" placeholder="(Enter your exact search term here)" name="exact_term" tabindex="5" required/>
</form>

我已经省略了一些使这个表单起作用的东西，但是我想在用户输入html输入字段的任何值中加上双引号。

最好的方法是什么？

Answer 1

我假设您想要用引号括起用户提交的内容，而不是操纵文本框本身。

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script>
            $(document).ready(function() {
                $('#btnSubmit').click(function() {
                    var userInput = $('#blah-blah').val()
                    alert('User input: "' + userInput + '"');
                });
            });
        </script>
    </head>
    <body>
            <form>
                <input class="wrapped-input" type="text" id="blah-blah" style="text-align:center" placeholder="(Enter your exact search term here)" name="exact_term" tabindex="5" required/>
                <input type="submit" id="btnSubmit" value="Submit" />
            </form>
    </body>
</html>

Answer 2

您可以在提交表单之前使用jQuery来操作字符串，或者您可以使用字符串插值在服务器端添加括号。

Answer 3

这是你想要做的纯JavaScript版本，因为，好吧，搞砸jQuery。

var thing = document.getElementById('thing');


thing.addEventListener('keyup', function() {
    if (!/^\"/.test(thing.value)) {
        thing.value = '"' + this.value;
    }
});

thing.addEventListener('blur', function() {
    if (!/\"$/.test(thing.value)) {
        thing.value = this.value + '"';
    }
});

在Html输入值周围放置双引号

3 个答案: