Question

如何使用jQuery在文本框旁边显示文本，如果未在表单中输入名称，那么在单击提交按钮后，它将显示名称文本框旁边的文本，我不知道我想使用验证，我正在使用简单的jQuery编码检查文本框值..？这是我的代码..

$('#btnAddContact').click(function () {
        if ($("#name").val().length <= 0) {
             $("#name").val("");
             $("#name").focus();
});

Answer 1

我认为您正在尝试用于验证消息显示

然后将文本框放在div
将float:left添加到css
然后将内容写入div，或者您可以创建标签或跨越该div并将css float:right应用于该范围或lablel

Answer 2

只需在名称旁边放置一个隐藏的div并将其显示在您的函数上：

<div id="errorName" style="display:none">Name can't be empty</div>

然后功能：

$('#btnAddContact').click(function () {
    if ($("#name").val().length <= 0) {
         $("#errorName").fadeIn();
         $("#name").val("");
         $("#name").focus();
    }
    else
       $("errorName").fadeOut();
});

Answer 3

如果不存在，将在name之后添加新的div。

$('#btnAddContact').click(function () {
  var msg = $('#name-message');
  if (msg.length == 0) {
      msg = $('<div id="name-message"></div>')
      $('#name').after(msg);
  }

  msg.html('Opps. Error!');   
});

Answer 4

你可以像这样轻松地做到这一点

$('#btnAddContact').click(function () {
        if ($("#name").val().length <= 0) {
             $("#name").val("");
             $("#name").after('<span>Please enter name</span>');
             $("#name").focus();
        }
});

ASP.NET MVC，显示文本框旁边的文本

4 个答案: