$.each(djson, function(i, data) { //验证 if (ewm==data.sn) { console.log("输入正确"); } else{ alert("输入错误,数据库不存在"); }; str += "<tr><td>" + data.sn + "</td><td>" + data.dv + "</td></tr>"; }); 输入正确的ewm就查询,错误的就提示并返回,if只循环一次 具体代码
时间: 2024-03-09 12:46:53 浏览: 99
你可以在循环中添加一个布尔变量 `isValidInput` 来记录是否有匹配的输入值。循环结束后,根据 `isValidInput` 的值来判断输入是否正确。
下面是一个示例代码:
```javascript
let isValidInput = false;
$.each(djson, function(i, data) {
if (ewm == data.sn) {
console.log("输入正确");
isValidInput = true;
}
str += "<tr><td>" + data.sn + "</td><td>" + data.dv + "</td></tr>";
});
if (isValidInput) {
// 匹配到了输入值,执行查询操作
} else {
// 没有匹配到输入值,提示错误
alert("输入错误,数据库不存在");
}
```
在上面的代码中,我们定义了一个布尔变量 `isValidInput`,在循环中如果找到对应的输入值,则将其设置为 `true`。在循环结束后,根据 `isValidInput` 的值来判断输入是否正确。如果为 `true`,则表示输入值匹配成功,可以执行查询操作;否则,表示输入值不存在,需要提示错误。
相关问题
$(document).ready(function(){ var ewm=$(".ewm").val(); if(ewm.autofocus != true){ $.ajax({ type: "get", url: "http://localhost:5000/api/Test/str3", dataType: "jsonp", jsonp: "callback", data: "lt=sfdafda", contentType: "application/json; charset=utf-8", success: function(info) { var pjson = eval(info.data); var result = ""; $.each(pjson, function(i, data) { result += "<tr><td>" + data.sn + "</td><td>" + "<input type='checkbox' data-id='" + (data.sn) + "' class='cbitems' style='width:200px; height: 50px;margin:0 auto;display: block;'>" + "</td></tr>"; }); $("#tbl4").append(result); }, error: function(XMLHttpResponse, textStatus, errorThrown) { console.log(XMLHttpResponse, textStatus, errorThrown); }, });输入完成后自动搜索并显示 具体代码
根据你提供的代码,我理解你的需求是在页面加载完成后,自动执行一次ajax请求,将返回结果展示在页面上。可以使用以下代码实现:
```
$(document).ready(function(){
var ewm=$(".ewm").val();
if(ewm.autofocus != true){
// 执行一次ajax请求
$.ajax({
type: "get",
url: "http://localhost:5000/api/Test/str3",
dataType: "jsonp",
jsonp: "callback",
data: "lt=sfdafda",
contentType: "application/json; charset=utf-8",
success: function(info) {
var pjson = eval(info.data);
var result = "";
$.each(pjson, function(i, data) {
result += "<tr><td>" + data.sn + "</td><td>" +
"<input type='checkbox' data-id='" + (data.sn) +
"' class='cbitems' style='width:200px; height: 50px;margin:0 auto;display: block;'>" +
"</td></tr>";
});
$("#tbl4").append(result);
},
error: function(XMLHttpResponse, textStatus, errorThrown) {
console.log(XMLHttpResponse, textStatus, errorThrown);
},
});
}
});
```
上述代码将在页面加载完成后执行一次ajax请求,并将结果展示在id为tbl4的表格中。你可以根据实际需求进行修改和优化。
<div class="ewm"> <img src="../assets/weixin.png"> <img src="../assets/weibo.png"> <img src="../assets/douyin.png"> <img src="../assets/shipin.png"> </div>让这几个图片之间有50px的间距怎么写css
可以使用 `margin` 属性来为图片之间添加间距。具体来说,可以为 `.ewm` 类添加如下的样式:
```css
.ewm img {
margin-right: 50px;
}
```
这样就可以为每个图片元素添加右侧 50px 的外边距,从而实现图片之间的间距效果。如果需要在最后一个图片元素后面去掉间距,可以使用 `:last-child` 伪类来去除最后一个图片元素的外边距:
```css
.ewm img:last-child {
margin-right: 0;
}
```
阅读全文