HTML生成一个ü 判断用户是否在input控件txtName中输入了参会者姓名,否则显示右上图所示的警示消息并返回false ü 判断用户是否输入了参会者的工作单位,否则显示类似以上消息框并返回false ü {"emojiDesc":"","emojiUrl":"","hasSourceImage":false,"hashCode":9848716,"height":215,"srcPath":"/storage/emulated/0/Android/data/com.tencent.wework/files/imagecache/imagemsg2/e/e7132d93dd9e7f725fd85ab6ef218eb3.0","thumbPath":"/storage/emulated/0/Android/data/com.tencent.wework/files/imagecache/imagemsg2/e/e7132d93dd9e7f725fd85ab6ef218eb3.0","width":325} 用多分支if语句判断用户是否从4个会务费选项中作出选择,否则显示右下图所示消息框并返回false ü checkData()函数最后返回true,表明数据检验无误
时间: 2023-06-30 18:03:14 浏览: 79
很抱歉,我不太理解你提供的图片以及相关的内容。但是我可以回答你的问题:
要判断用户是否在input控件txtName中输入了参会者姓名,可以使用以下HTML代码:
```html
<input type="text" id="txtName">
<button onclick="return checkName()">提交</button>
<div id="nameError" style="display:none;color:red;">请输入参会者姓名</div>
<script>
function checkName() {
var name = document.getElementById("txtName").value;
if (name == "") {
document.getElementById("nameError").style.display = "block";
return false;
}
return true;
}
</script>
```
同样地,要判断用户是否输入了参会者的工作单位,可以类似地使用以下HTML代码:
```html
<input type="text" id="txtCompany">
<button onclick="return checkCompany()">提交</button>
<div id="companyError" style="display:none;color:red;">请输入参会者工作单位</div>
<script>
function checkCompany() {
var company = document.getElementById("txtCompany").value;
if (company == "") {
document.getElementById("companyError").style.display = "block";
return false;
}
return true;
}
</script>
```
对于判断用户是否从4个会务费选项中作出选择,可以使用以下HTML代码:
```html
<input type="radio" name="fee" value="option1"> 选项1
<input type="radio" name="fee" value="option2"> 选项2
<input type="radio" name="fee" value="option3"> 选项3
<input type="radio" name="fee" value="option4"> 选项4
<button onclick="return checkFee()">提交</button>
<div id="feeError" style="display:none;color:red;">请选择会务费选项</div>
<script>
function checkFee() {
var options = document.getElementsByName("fee");
var checked = false;
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
checked = true;
break;
}
}
if (!checked) {
document.getElementById("feeError").style.display = "block";
return false;
}
return true;
}
</script>
```
最后,将上述三个函数组合在一起,可以得到如下的checkData()函数:
```html
<script>
function checkName() {
var name = document.getElementById("txtName").value;
if (name == "") {
document.getElementById("nameError").style.display = "block";
return false;
}
return true;
}
function checkCompany() {
var company = document.getElementById("txtCompany").value;
if (company == "") {
document.getElementById("companyError").style.display = "block";
return false;
}
return true;
}
function checkFee() {
var options = document.getElementsByName("fee");
var checked = false;
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
checked = true;
break;
}
}
if (!checked) {
document.getElementById("feeError").style.display = "block";
return false;
}
return true;
}
function checkData() {
var nameOk = checkName();
var companyOk = checkCompany();
var feeOk = checkFee();
if (nameOk && companyOk && feeOk) {
return true;
} else {
return false;
}
}
</script>
```
当用户点击提交按钮时,会先调用checkName()、checkCompany()和checkFee()函数进行数据检验,如果都通过了,则返回true,否则返回false。