当我在文本框中输入第6位数字时,如何从代码后面触发事件/函数
本文关键字:代码 函数 事件 文本 输入 数字 6位 | 更新日期: 2023-09-27 18:11:55
当我在文本框中输入第6位数字时,如何从后面的代码触发事件/函数?
我的问题很简单我是c#程序员如何从后面的代码触发事件/函数,当我在文本框中输入第6位数字??从问题的评论中阅读了您的要求后,我建议您使用Web Service或Page方法来解决您当前的问题。
你的问题可以用下列方法解决:
- 在你的项目中使用jQuery
- 为你的文本框写一个javascript的"onchange"函数。
- 计算文本框中文本的长度。
- 当长度等于"6"时,通过jQuery触发一个web服务请求。
- web-service将返回你需要在javascript中捕获的数据。
- 显示数据
示例代码如下:
计算长度的Javascript函数: function caculateTextboxLenth() {
if (document.getElementById("<Textbox Id>").length == 6) {
var text = document.getElementById("<Textbox Id>").text;
CallWebService("/getDistrictData",text);
}
return false;
}
调用网页方法的Javascript函数:
function CallWebService(WebServiceURL,text) {
$.ajax({
type: "POST",
cache: false,
url: WebServiceURL + "&pincode=" text + "&dt=" + new Date().getTime(), //This will append ?dt={timestamp} to the URL to prevent caching,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: ShowData,
error: error
});
}
你的c#页面方法应该在你的代码后面的文件中像下面这样:
[System.Web.Services.WebMethod]
public static string getDistrict()
{
int pincode = Convert.ToInt32(HttpContext.Current.Request.QueryString["pincode"].ToString().Trim());
string district = "";
//code to fetch district
return district;
}
p。S:一定要检查SQL注入。
为文本框添加两个事件1) Javascript onchange2) c# OnTextChanged
检查onchange中字符的验证,如果为真则"return true;"这将触发OnTextChanged事件在服务器端。
也不要忘记将文本框的"AutoPostBack"属性设置为true
我的解决方案可能不完美,但把你的texbox
在UpdatePanel
中双击它来创建一个事件,现在使用int.Parse
来查看输入的输入是否是整数,并使用txtbx.Text.Length
来查看你是否得到了第六位数字。
应该是这样的
if(txtbx.Text.Trim().Length > 0 && int.Parse(txtbx.Text.Trim(), out intoutput))
{
if(txtbx.Text.Trim().Length = 6 )
{
// your code here
}
}