如何实现JS中调用的代码隐藏函数? [英] How to implement code-behind function called in a JS?

查看:87
本文介绍了如何实现JS中调用的代码隐藏函数?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

场景描述:

1)在asp.TextBox中输入密码值。

2)按RETURN按钮,就像asp.Button:btnSubmit。 br />

 <   asp:TextBox     ID   =  txtPasswordNew    runat   =   server   字体大小  =     

AutoPostBack = true TabIndex = 2

工具提示 = 6 - 30个有效的ASCII字符;区分大小写

< span class =code-attribute> onkeydown = 提交(事件) ; >
< / asp:TextBox >
< asp:按钮 ID = btnSubmit runat = server 文字 = 提交 字体大小 =

onclick = btnSubmit_Click / >

< script >
function submit(event){
if (event.keyCode == 13 ){ // RETURN键
// 实现btnSubmit_Click ()
}
}
< / script >
.....
// - 代码后面 -
protected void btnSubmit_Click(object sender,EventArgs e){
//验证码
}



这里我的Q是在JS submit()中,如何调用btnSubmit_Click()中的代码?感谢您的帮助。

解决方案

客户端代码(此处为js)可以通过返回true / false来阻止服务器端的执行。



你可以使用OnClientClick =return func1();

< asp:button id =   btnSubmit runat =   server text =  提交 font-size =   xmlns:asp =  #unknown >  
onclick = btnSubmit_Click OnClientClick = return func1(); />
< / asp:按钮 >





Javascript

  function  func1(event){
if (event.keyCode == 13 ){ // RETURN键
返回 true ; // 这将允许执行服务器端代码
}
// 服务器端代码永远不会执行
// 您可以在此处设置验证提醒
return ;
}


基本上,您想了解如何从JavaScript调用函数后面的代码,请查看:从Javascript调用函数后面的代码的不同方法 [ ^ ]

Scenario description:
1) Enter password value into an asp.TextBox.
2) Press the RETURN button to act like the asp.Button: btnSubmit.

<asp:TextBox ID="txtPasswordNew" runat="server" Font-Size="Small" 

	AutoPostBack="true" TabIndex="2" 

        ToolTip="6 - 30 valid ASCII characters; Case Sensitive"

        onkeydown="submit(event);">
</asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Font-Size="Small"

	onclick="btnSubmit_Click" />

<script>
   function submit(event) {
        if (event.keyCode == 13) {      // RETURN key
           // implement btnSubmit_Click()
        }
   }
</script>
.....
// -- Code behind --
protected void btnSubmit_Click(object sender, EventArgs e) {
	// Validation code
}


My Q here is in JS submit(), how a call can be made to implement the code in btnSubmit_Click()? Thanks for your help.

解决方案

The client side code (here js) can prevent execution of server side by return true/false.

You can use OnClientClick="return func1();"

<asp:button id="btnSubmit" runat="server" text="Submit" font-size="Small" xmlns:asp="#unknown">
	onclick="btnSubmit_Click" OnClientClick="return func1();" />
</asp:button>



Javascript

function func1(event) {
     if (event.keyCode == 13) {      // RETURN key
        return true; // this will allow to execute server side code
     }
     //serverside code will never execute
     //you can put your validation alert here
     return false;
}


Basically, you want to find out how to call code behind function from JavaScript, check this out: Different ways for calling a code behind function from Javascript[^]


这篇关于如何实现JS中调用的代码隐藏函数?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆