Question

当用户符合某个条件时，我试图在文本框中添加验证（绿色复选标记）。我正在使用JQuery来完成此任务。我使用Fontawesome图标尝试了以下代码，但它不起作用：

$('#username').append('<i style="display:inline;color: #3a7d34;" class="icon-check-sign"></i>');

如果有人能给我一些好主意，我会非常感激。

更新

在我的html代码片段之后，尝试在文本框中放置一个复选框

            <tr>
                <td style="text-align: left">
                    @Html.LabelFor(m => m.Username, "Username")
                </td>
            </tr>
            <tr>
                <td style="padding-left: 5px">
                    @Html.UsernameFor(m => m.Username,
                        new
                        {
                            @class = "inputClass1 inputClass2",
                            style = "width:150px",
                            id = "username",
                            onkeyup = " return validateUsername() "

                        })
                    @Html.ValidationMessageFor(model => model.Username)

                </td>
            </tr>

谢谢，

WH

Answer 1

您无法在文本输入中附加图标，而是将其放在旁边：

＆＃13;
＆＃13;
$(function() { $('.test').append('<i style="display:inline;color: #3a7d34;">✔</i>'); });
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input><span class="test"></span>
＆＃13;
＆＃13;
＆＃13;

http://jsfiddle.net/fhff4w3u/1/

Answer 2

$(function() {
$('.test').append('<i style="display:inline;color: #3a7d34;">&#10004;</i>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input><span class="test"></span>

$(function() {
$('.test')

使用JQuery在文本框中添加验证检查

2 个答案: