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

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

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

Answer 2

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

<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 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 输入值周围放置双引号

Placing Double Quotes Around Html Input Value

html

forms

input

quote