如何使用简单的jquery验证 [英] How to use simply jquery validation

问题描述

如何在asp.net中使用asp.net控件简单地应用jquery验证...我的asp.net表格是这个请快速带我解决方案.....

 <％@     Page    标题  =    语言  =  C＃    MasterPageFile   = 〜/ Register / Presentation / MasterPage.master    AutoEventWireup   =  true    CodeFile   =  RegisterUser.aspx.cs   继承  =  Register_Presentation_RegisterUser   ％>  
 
 <   asp ：内容    ID   =  Content1    ContentPlaceHolderID   =  ContentPlaceHolder1    Runat   = 服务器 >  
 
 
 <   div     class   =  login_field_bg    id   =  registerDiv >  
 <   div     class   =  center_page   >  
 <   h1  >  <   samp   > 注册<   / samp   >  <   / h1  >  
 <   div     class   =  login_text >  <   span  > 名字：<   / span  >  
 <   asp：TextBox     ID   =  First_Name_text    runat   =  server    CssClass   =  input_text   >  <   / asp：TextBox  >  
 <％ -  -    < input type =textname =value =id =First_Name_textclass =input_text validate [required]/ >    - ％>   
 <   / div  >  
 <   div     class   =  login_text >  <   span  > 姓氏：<   / span  >  
 <   asp：TextBox     ID   =  Last_name_text    runat   =  server      CssClass   =  input_text >  <   / asp：TextBox  >  
 <％ -    < input type =textname =id =Last_name_textvalue = class =input_text validate [required]/>    - ％>   
 <   / div  >  
 <   div     class   =  login_text >  <   span  > 电子邮件ID：<   / span  >  
 <   asp：TextBox     ID   =  Email_id_text    runat   =  server    CssClass   =  input_text >  <   / asp：TextBox  >  
 <％ -   < input type =textname =value =id =Email_id_textclass =input_text validate [required，custom [email] ]/>    - ％>   
 <   / div  >  
 <   div     class   =  login_text >  <   span  > 密码：<   / span  >  
 <   asp：TextBox     ID   =   Password_text    runat   =  server  
   
                                                   CssClass   =  input_text    TextMode   = 密码 >  <   / asp：TextBox  >  
 <％ -    < input type =passwordname =value =id =Password_textclass =input_text validate [required]/>    -  - ％>   
 <   / div  >  
 <   div  < span class =code-attribute>   class   =  login_text >  <   span  > 确认密码：<   / span  >  
 <   asp：TextBox     ID   =  Confirm_password_text    runat   =  server    CssClass   =  input_text    TextMode   = 密码 >  < span class =code-keyword><   / asp：TextBox  >  
 <％ -    < input type =passwordname =value =id =Confirm_password_textclass =input_text validate [required]/>  < span class =code-pagedirective>  - ％>   
 <％ -    < span class =code-comment>< asp：CompareValidator ID =CompareValidator1runat =server
 ErrorMessage =密码不匹配ControlToCompare =Password_text
 ControlToValidate =Confirm_password_text Font-Bold =TrueForeColor =Red>< / asp：CompareValidator>    - ％>   
 <   / div  >  
 <   div     class   =  login_text >  
 <   div     class   =  remember_me >  
 <  输入   类型  = 复选框    名称  = < span class =code-keyword>    value   =     class   = 复选框     /  >  
 <   a     href   = ＃ > 向我发送更新<   / a  >  <   / div  >  
 <   div     class   =   account_login >  
 
 <   asp：按钮    ID   =  Register_button    runat   =  server    CssClass   =  login_account  
   
                                                      文字  = 注册    onclick   =  Register_button_Click  /  >  
 <％ -    < input type =submitid =Register_buttonname =value =Registerclass =login_account/>    - ％>   
 <   / div  >  
  <   / div  >  
 <   / div  >  
 <   / div  >  
 <   / asp：Content  >  

解决方案

朋友，

首先从链接 http：// code下载JQuery文件。 jquery.com/jquery-1.8.3.min.js [ ^ ]并在项目中添加名称为'js'的文件夹，现在将下载的JQuery文件添加到'js'文件夹中，然后按照我在下面的位置进行操作，我只检查' Firt Name'文本框是否为空，如果为空则然后我显示警告消息。

用于验证副本&粘贴在ContentPlaceHolder1内的代码下面。

 <   script     src   =  js / jquery-1.8.3.min.js >  < span class =code-keyword><   / script  >  
 <   script     type   =  text / javascript >  

（document）.ready（function（）{

（[Id

how to apply simply jquery validation in asp.net using asp.net controls...my asp.net form is this please take me solution fast.....

<%@ Page Title="" Language="C#" MasterPageFile="~/Register/Presentation/MasterPage.master" AutoEventWireup="true" CodeFile="RegisterUser.aspx.cs" Inherits="Register_Presentation_RegisterUser" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">


<div class="login_field_bg" id="registerDiv">
              <div class="center_page" >
                <h1><samp>Sign Up</samp></h1>
                <div class="login_text"><span>First Name: </span>
                    <asp:TextBox ID="First_Name_text" runat="server" CssClass="input_text " ></asp:TextBox>
                 <%-- <input type="text" name="" value="" id="First_Name_text" class="input_text validate[required]"/>--%>
                </div>
                <div class="login_text"><span>Last Name:</span>
                    <asp:TextBox ID="Last_name_text" runat="server"  CssClass="input_text "></asp:TextBox>
                  <%--<input type="text" name="" id="Last_name_text" value=""  class="input_text validate[required]"/>--%>
                </div>
                <div class="login_text"><span>Email Id:</span>
                    <asp:TextBox ID="Email_id_text" runat="server" CssClass="input_text"></asp:TextBox>
                  <%--<input type="text" name="" value="" id="Email_id_text" class="input_text validate[required,custom[email]" />--%>
                </div>
                <div class="login_text"><span>Password:</span>
                    <asp:TextBox ID="Password_text" runat="server"

                        CssClass="input_text " TextMode="Password"></asp:TextBox>
                  <%--<input type="password" name="" value="" id="Password_text" class="input_text validate[required]"/>--%>
                </div>
                <div class="login_text"><span>Confirm Password:</span>
                    <asp:TextBox ID="Confirm_password_text" runat="server" CssClass="input_text" TextMode="Password"></asp:TextBox>
                <%--  <input type="password" name="" value="" id="Confirm_password_text" class="input_text validate[required]" />--%>
               <%-- <asp:CompareValidator ID="CompareValidator1" runat="server"
                        ErrorMessage="password don't match" ControlToCompare="Password_text"
                        ControlToValidate="Confirm_password_text" Font-Bold="True" ForeColor="Red"></asp:CompareValidator>--%>
                </div>
                <div class="login_text">
                  <div class="remember_me">
                    <input type="checkbox" name="" value="" class="checkbox" />
                    <a href="#">Send me updates</a> </div>
                  <div class="account_login">

                      <asp:Button ID="Register_button" runat="server" CssClass="login_account"

                          Text="Register" onclick="Register_button_Click"/>
                    <%--<input type="submit" id="Register_button" name=""  value="Register" class="login_account"/>--%>
                  </div>
                </div>
              </div>
            </div>
</asp:Content>

解决方案

Hi friend,
first download JQuery file from link http://code.jquery.com/jquery-1.8.3.min.js[^] and add folder inside your project by the name of 'js' and now add downloaded JQuery file inside the 'js' folder then do as i am doing below where i am only checking the 'Firt Name' textbox is Empty or not if Empty then i am showing alert message.
for validation copy & paste below code inside your ContentPlaceHolder1.

<script src="js/jquery-1.8.3.min.js"></script>
   <script type="text/javascript">

(document).ready(function () {

("[Id

这篇关于如何使用简单的jquery验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！