我在.cshtml
文件中有以下代码。
<div class="row">
<input type="text" placeholder="Enter POR ID" id="porID" class="col-md-2 input-sm" name="porTextBox">
<button class="btn btn-primary col-md-2 btn-sm" style="margin-left:15px;width:150px;" type="submit" id="btnCreateTFSItems"><strong>Create TFS Items</strong></button>
@if (TempData["formState"] != null)
{
//@Html.Label("lblsuccess", "Successfully created TFS Work Items!")
<label id="lblsuccess" style="color:green; visibility:visible"> Successfully created TFS Work Items!</label>
}
</div>
按钮在脚本标记中调用以下函数:
<script type="text/javascript">
$(document).ready(function (e) {
$('#btnCreateTFSItems').click(function () {
var txt = $('#porID');
var errorLabel = $('#lblError');
if (txt.val() != null && txt.val() != '') {
//alert('clicked');
$.ajax({
url: '@Url.Action("CreateWorkItems", "Tables")',
type: 'POST',
data: { 'porTextBox': $('#porID').val() }
});
// alert('Successfully added');
}
else {
errorLabel.text("Please enter valid PORID");
return false;
}
});
$("#porID").keypress(function (e) {
var errorLabel = $('#lblError');
errorLabel.text("");
//if the letter is not digit then display error and don't type anything
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
return false;
}
});
});
问题出在.cshtml
文件中,它正在检查条件但是没有添加标签。原因可能是因为页面没有刷新以呈现标签。我是UI开发的新手,所以我尝试了一些我在网上找到但却无法使其工作的选项。有什么方法可以实现这个目标吗?
答案 0 :(得分:0)
原因可能是因为页面没有刷新以呈现标签。
完全。您使用JQuery(客户端脚本)向服务器发出Ajax请求,并期望执行Razor代码(服务器代码)以显示标签。这不起作用,因为服务器代码对客户端代码一无所知。
解决方案是通过JQuery显示标签。默认情况下渲染它,但用CSS隐藏它(display:none)。请求成功后,您可以通过将CSS显示属性设置为&#34; block&#34;来显示标签。或&#34;内联&#34;使用JQuery。