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

ASP.NET MVC, display text just next to the Text Box

本文关键字：文本 显示 NET MVC ASP      更新时间：2023-09-26

我如何使用jQuery在文本框旁边显示文本，就像在表单中没有输入名称一样，所以在单击提交按钮后，它将在名称文本框旁显示文本，我不想对此进行验证，我正在使用简单的jQuery编码检查文本框值。。？这是我的密码。。

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

如果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!');   
});

你可以像这个一样轻松地完成

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

只需在名称旁边放置一个隐藏的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();
});

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

  1. 然后将文本框放在div中
  2. 将float:left添加到css中的文本框
  3. 然后将内容写入div，或者可以在该div中创建一个标签或span，并将css float:right应用于该span或lablel
相关文章：