Reacciones-programadores-portada-e1432779556951-1024x387

Biasanya dalam kontrol seperti kotak teks di ASP.NET Webform, setiap kali Anda menekan tombol enter akan mengirimkan halaman. Dengan kata lain, itu akan mengirim kembali ke server halaman. Dalam posting ini, kita akan menjelaskan cara yang berbeda bagaimana untuk menghindari ini dengan menggunakan JavaScript.

# 1. Masukkan JavaScript Langsung ke Markup
Dengan cara ini, Anda perlu menyertakan “onkeydown” acara pada setiap kontrol kotak teks.

 

<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”WebForm1.aspx.cs” Inherits=”DemoWebForm.WebForm1″ %>

<!DOCTYPE html>

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head runat=”server”>
<title></title>
</head>
<body>
<form id=”form1″ runat=”server”>
Enter First Name:
<asp:TextBox ID=”TextBox1″ runat=”server” AutoPostBack=”false” onkeydown=”return (event.keyCode!=13);”>TextBox>
<br />
Enter Last Name:
<asp:TextBox ID=”TextBox2″ runat=”server” AutoPostBack=”false” onkeydown=”return (event.keyCode!=13);”></asp:TextBox>
<br />

<asp:Button runat=”server” ID=”btnSubmit” Text=”Submit” />
</form>
</body>
</html>

 

# 2. Masukkan JavaScript Melalui Server Side Kode
Jika Anda ingin mencapai satu di atas di sisi server, yang Anda loop melalui kontrol dan menyuntikkan potongan javascript yang sama. Untuk ini, Anda dapat menggunakan markup dan kode berikut di belakang:

 

<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”WebForm1.aspx.cs” Inherits=”DemoWebForm.WebForm1″ %>

<!DOCTYPE html>

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head runat=”server”>
<title></title>
</head>
<body>
<form id=”form1″ runat=”server”>
Enter First Name:
<asp:TextBox ID=”TextBox1″ runat=”server” AutoPostBack=”false” ></asp:TextBox>
<br />
Enter Last Name:
<asp:TextBox ID=”TextBox2″ runat=”server” AutoPostBack=”false” ></asp:TextBox>
<br />

<asp:Button runat=”server” ID=”btnSubmit” Text=”Submit” />
</form>
</body>
</html>

 

 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DemoWebForm
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
DisableEnterKey(Page.Controls);

}

public void DisableEnterKey(ControlCollection ctrls)
{
foreach (Control c in ctrls)
{
foreach (Control ctrl in c.Controls)
{
if (ctrl is TextBox)
((TextBox)ctrl).Attributes.Add(“onkeydown”, “return (event.keyCode!=13);”);
else if (ctrl is DropDownList)
((DropDownList)ctrl).Attributes.Add(“onkeydown”, “return (event.keyCode!=13);”);
}
}
}
}
}

# 3. menggunakan JQuery
Dalam contoh di atas dua teknik, baik kita perlu menyertakan baris yang sama di setiap kontrol atau kita perlu loop melalui kontrol dan INSER JavaScript. Dalam beberapa kasus, Anda mungkin ingin mencapai hal yang sama menggunakan jQuery.

<!DOCTYPE html>

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head runat=”server”>
<title></title>
http://Scripts/jquery-1.10.2.js

$(document).ready(function(){
$(‘input[type=text]’).on(“keydown”, “”, function () { return (event.keyCode != 13); });
});

</head>
<body>
<form id=”form1″ runat=”server”>
Enter First Name:
<asp:TextBox ID=”TextBox1″ runat=”server” AutoPostBack=”false”></asp:TextBox>
<br />
Enter Last Name:
<asp:TextBox ID=”TextBox2″ runat=”server” AutoPostBack=”false”></asp:TextBox>
<br />
<asp:Button runat=”server” ID=”btnSubmit” Text=”Submit” />
</form>
</body>
</html>

 

Simple kan?

 

banner-jarhost

Apakah anda mencari ASP.NET Hosting di Server di Indonesia?
Kami dapat banyak membantu Anda!
JaringanHosting adalah Provider Windows Hosting Indonesia  yang berfokus pada Windows platform saja. Kami memberikan on-demand hosting solusi termasuk Bersama hosting, Reseller Hosting, Cloud Hosting, Dedicated Server, dan IT sebagai layanan untuk perusahaan dari semua ukuran. Kami memiliki pelanggan dari seluruh dunia, tersebar di setiap benua. Kami melayani kebutuhan hosting bisnis dan profesional, pemerintah dan nirlaba, hiburan dan segmen pasar pengguna pribadi.

Advertisements