javascript - ASP.NET MVC，在文本框旁边显示文本

Question

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

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

Answer 1

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

1. 然后将文本框放在一个div中
2. float:left在css中添加到文本框
3. 然后将内容写入 div，或者您可以在该 div 中创建标签或跨度并将 cssfloat:right应用于该跨度或标签

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();
        }
});