文本框需要弹出[关闭]答案

【问题标题】：TEXTBOX REQUIRED POPUP [closed]文本框需要弹出[关闭]
【发布时间】：2018-05-12 17:50:31
【问题描述】：

当表单所需的文本框为空并且用户单击提交按钮时，如何弹出一个甜蜜的警报错误。我想在甜蜜警报中显示 %This TextBox Is Required% 的即时弹出危险警报。比如文本框为空时的 JavaScript 警报，不同的是，这是 js 警报，我说的是甜警报而不是简单的 js 警报。请帮忙...

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

如果输入文本为空，这里会发出温馨提示

$('input[name="submit"]').on('click', function() {
  if ($('input[name="fullname"]').val() == "") {
    swal("fullname is required", '', 'error');
    return false;
  }
  return true;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<form action="#" method="POST">
  <input type="text" name="fullname">
  <input type="submit" value="submit" name="submit">
</form>

【讨论】：

html 会是什么？
@John_Cartor，你什么意思，我不明白
好的。我将在小提琴中创建，所以你在那里检查一下
你可能是对的，实际上我在 html 之前编写脚本，这就是问题出现的原因。你能告诉我什么时候我们使用多文本框，如果它为空警报说特定文本框是空的。
@John_Cartor，我更新了错误信息，请查看

【解决方案2】：

你需要在这里检查你使用 jquery trim 和 val 函数。

val：获取输入的当前值

trim：删除字符串开头和结尾的空格。

$('#button').on('click', function(){
	if($.trim($('input[type="text"]').val()) == ''){
     swal("Input can not be left blank")
     return false;
   }
   return true;
})

.swal-footer { 
  text-align:center !important;
}

.swal-button {
  background-color: red;
 
} 

.swal-button:focus {
 outline: none;
 box-shadow: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>


<form action="#" method="POST">
					<input type="text" name="fullname">
          <input type="text" name="lastname">
					<input type="submit" value="submit" id="button" name="submit">	</form>

【讨论】：

谢谢它正在工作，但是我如何在没有任何 btn 边框的情况下将警报“确定”按钮移动到中心？
将 .swal-footer { text-align:center !important; } 添加到 CSS 中
如果这个答案对你有帮助。请接受这个答案。 :)
谢谢！我接受。但是多文本框呢？当我再添加一个文本框时，它不适用于其他原因？
请举例