بسم الله الرحمن الرحيم
هذا الدرس مهتم بالتحقق السريع ما إذا كان اسم المستخدم المراد التسجيل به موجود مسبقا أم لا .
متطلبات هذا الدرس:
معرفة بسيطة بال Asp.net , C#.net , JavaScript , Jqaury, css
بعض التوضيحات :
كيف يتم أخذ قيمة من <asp:TextBox> عن طريق ال JavaScript ؟
يعني تخيل عندك هذا ال Body
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txt" runat="server" /> <br />
<button id="btn" onclick="GET()" >Get</button>
</div>
</form>
</body>ستكون ال ()Function كالتالي :
<script type="text/javascript">
function GET() {
var name = document.getElementById("<%= txt.ClientID %>").value;
alert(name);
}
</script>طيب , كيف تتم عن طريق ال JQuary ؟
بعد استدعاء مكتية ال Jquary سيكون كالتالي:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
<script type="text/javascript">
function GET() {
var name = $("#<%= txt.ClientID %>").val();
alert(name);
}
</script>مع إضافة property لل <asp:TextBox> هي ClientID="txt"
حيث يصبح الكونترول بهذا الشكل:
<asp:TextBox ID="txt" runat="server" ClientID="txt" />
الأن نكتب كود ال C#.net في صفحة نسميها Ajax.aspx
نضيف Function ترجع string حيث سنجعلها ترجع إما 0 او 1
وفي هذه الدالة ستقوم بالبحث عن اسم المستخدم المدخل في الداتا بيس , فإذا كان موجود سترجع الدالة 1 وإلا سترجع 0 .
انا في هذا المثال البسيط قمت بجعل الدالة تختبر الاسم المدخل فإذا كان "yaser.net" فسوف يرجع 1 وإلا سترجع الدالة 0 .
مع مراعاة إضافة هذا الكود فوق الدالة مباشرة : [system.Web.Services.WebMethod]
وستكون الدالة كالتالي:
[System.Web.Services.WebMethod]
public static string CheckUserName(string userName)
{
string result = string.Empty;
if (userName == "yaser.net")
result = "1";
else
result = "0";
return result;
}حيث لابد أن تكون الدالة من االنوع public static
للحديث بقية مع الكود السحري لل Jqaury و Ajax ...........................................