javascript - 在警告框中显示消息
问题描述
$(document).ready(function(){
$(document).on('click', '#btnSave', function () {
var fname = $("#fname").val();
var lname = $("#lname").val();
var email = $("#email").val();
var mobile = $("#mobile").val();
if(fname == ""){
alert('First Name is required');
return false;
}
else if(lname == ""){
alert("Last Name is required");
return false;
}
else if(email == ""){
alert("Email is required");
return false;
}
else(fname == "" && lname == "" && email == ""){
alert("All Fields are required");
return false;
}
});
<form id="form1" action="" method="POST" enctype="multipart/form-data" >
<fieldset>
<legend>Basic Info</legend>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="name">First Name *</label>
<input type="text" class="form-control" id="fname" name="fname" value="" placeholder="Enter First Name" data-type="alphanum" maxlength="45"/>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="email">Last Name *</label>
<input type="text" class="form-control" id="lname" name="lname" value="" placeholder="Enter Last Name" data-type="alphanum" maxlength="45"/>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="name">Email *</label>
<input type="text" class="form-control" id="email" name="email" value="" placeholder="Enter Email" data-type="alphanum" maxlength="45"/>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="email">Mobile #</label>
<input type="text" class="form-control" id="mobile" name="mobile" value="" placeholder="+55 99 99999999" data-type="alphanum" maxlength="45"/>
</div>
</div>
</div>
<div class="row" style="display:none;">
<div class="col-md-6">
<div class="form-group">
<label for="status">Status</label>
<div>
<span class="text-muted m-l-5">InActive</span>
<input type="checkbox" data-render="switchery" id="status" name="status" data-theme="default" checked />
<span class="text-muted m-l-5">Active</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="status">All Permissions</label>
<div>
<span class="text-muted m-l-5">No</span>
<input type="checkbox" data-render="switchery" id="status" name="status" data-theme="default" checked />
<span class="text-muted m-l-5">Yes</span>
</div>
</div>
</div>
</div>
</fieldset>
<div class="row pull-right">
<div class="col-md-12">
<button type="button" class="btn btn-primary m-r-5" id="btnSave" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Process...">Save</button>
<a href="http://localhost/granplay-v3/index.php/managers" class="btn btn-primary">Cancel</a>
</div>
</div>
</form>
Inif elsif else
条件 else 条件不会提醒所有字段的消息。当我注释掉最后一个 else 条件时,它会显示每个字段条件消息。但不是,假设用户没有输入任何字段,显示所有字段的警报消息。
所以我的问题是:为什么其他条件不会提醒消息?
解决方案
只需先将您的 else 部分移入 if
$(document).ready(function(){
$(document).on('click', '#btnSave', function () {
var fname = $("#fname").val();
var lname = $("#lname").val();
var email = $("#email").val();
var mobile = $("#mobile").val();
if(fname == "" && lname == "" && email == ""){
alert("All Fields are required");
return false;
}else if(fname == ""){
alert('First Name is required');
return false;
}
else if(lname == ""){
alert("Last Name is required");
return false;
}
else if(email == ""){
alert("Email is required");
return false;
}else{
alert("All fields are filled");
return true;
}
});
});
如果所有字段都为空,则您的第一个条件将为真,如果其中任何一个被填写,则第一个条件将是错误的,因此它将检查其他if-else
部分。
推荐阅读
- mongodb - 如何编写查询以获取“project_branch_config”字段中特定键的值?
- windows - 调用 windows 命令提示符并使用 find 检查字符串是否在文本文件中
- django - Django 和实例创建的时刻
- matlab - 如何从 MATLAB (Image Labeler) 生成正确的标记图像以进行图像分割
- julia - 在 Julia 1.0+ 中执行 for 循环有哪些不同的方法?
- powershell - 重定向等待用户输入的命令输出
- computational-geometry - 从边界中的一点计算可见性多边形
- sql - 分组日期之间的间隔
- node.js - 程序崩溃时如何让nodemon杀死进程?
- python - 将包含字典列表的列分隔到保留旧索引的新数据框中