Logo 
Search:

Sharepoint 2010 Articles

Submit Article
Home » Articles » Sharepoint 2010 » Design and CustomizationRSS Feeds

How to Use java script validation on SharePoint 2010 List.

Posted By: Pradip Panchal     Category: Sharepoint 2010     Views: 4637

Hi frnds,, We can make java script validation on sharepoint 2010 list. like--- Required Field,Comparition Field and Email validation.

Fo rDoing This Task you have to Follow some step..

1) make visual web part..

paste below code in .ascx page.

<table class="style1">
    <tr>
        <td>
            <asp:Label ID="Label1" runat="server" Text="Name:-"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtName" runat="server"/>
        </td>
    </tr>
    <tr>
        <td>
            <asp:Label ID="Label2" runat="server" Text="Email :-"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtEmail" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
            <asp:Label ID="Label3" runat="server" Text="Password :-"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtpwd" runat="server" TextMode="Password" />
        </td>
    </tr>
    <tr>
        <td>
            <asp:Label ID="Label4" runat="server" Text="Comfirm Password :-"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtcpwd" runat="server" TextMode="Password" />
        </td>
    </tr>
    <tr>
        <td>


<asp:Button ID="btnSubmit" OnClientClick=" return validate()" runat="server" Text="Submit"
                onclick="btnSubmit_Click" />

        </td>
        <td>
            &nbsp;</td>
    </tr>
</table>


<script language="javascript" type="text/javascript">
    function validate()
     {
         if (document.getElementById("<%=txtName.ClientID %>").value == "")
         {
            alert("Name Feild can not be blank");
            document.getElementById("<%=txtName.ClientID %>").focus();
            return false;
        }

        if (document.getElementById("<%=txtEmail.ClientID %>").value == "")
         {
            alert("Email id can not be blank");
            document.getElementById("<%=txtEmail.ClientID %>").focus();
            return false;
        }
        var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/;
        var emailid = document.getElementById("<%=txtEmail.ClientID %>").value;
        var matchArray = emailid.match(emailPat);
        if (matchArray == null)
         {
            alert("Your email address seems incorrect. Please try again.");
            document.getElementById("<%=txtEmail.ClientID %>").focus();
            return false;
        }

        if (document.getElementById("<%=txtpwd.ClientID %>").value == "")
        {
            alert("Password Feild can not be blank");
            document.getElementById("<%=txtpwd.ClientID %>").focus();
            return false;
        }
        if (document.getElementById("<%=txtcpwd.ClientID %>").value == "")
        {
            alert("Comfirm Password Feild can not be blank");
            document.getElementById("<%=txtcpwd.ClientID %>").focus();
            return false;
        }

        var pwdpat = document.getElementById("<%=txtpwd.ClientID %>").value;
        var cpwdpat = document.getElementById("<%=txtcpwd.ClientID %>").value;

        var matchpwd = cpwdpat.match(pwdpat)

        if (matchpwd == null)
        {
            alert("Password Does Not Match");
            document.getElementById("<%=txtcpwd.ClientID %>").focus();
            return false;
        }
    }
    function CloseSharePointDialog(url, message) {
        alert(message);
        returns = false;
        // window.location.href = url;
        window.frameElement.commitPopup();
    }
</script>


2)  Paste Below code in .ascx.cs page.

protected void btnSubmit_Click(object sender, EventArgs e)
        {
            SPListItem item = null;
            SPWeb web = SPContext.Current.Web;
            //try
            //{
            //*** Get Structure of Employee List

            SPList list = WSSHelper.GetList(testing);
            item = list.Items.Add();

            //*** set field values

            item["Title"] = txtName.Text; // Title
            item["email"] = txtEmail.Text; // First Name            
            item["password"] = txtcpwd.Text; // Password

            web.AllowUnsafeUpdates = true;
            item.Update();
            web.AllowUnsafeUpdates = false;

            string strRedirect = SPContext.Current.Web.Url;
            string strMessage = "Item has been Successfully Added";
            Page.ClientScript.RegisterStartupScript(Page.GetType(), "CloseDialog", "CloseSharePointDialog('" + strRedirect + "','" + strMessage + "');", true);
         }


3) Now build and deploy your web part..
4)add your web part on this link..

http://YOUR SITE URl/Lists/YOUR LIST NAME/AllItems.aspx

5) Refresh the page..
and add new item your validation will work successfully..


Thank's and Regards.
~~Radhe

Share: 


Didn't find what you were looking for? Find more on How to Use java script validation on SharePoint 2010 List. Or get search suggestion and latest updates.

Pradip Panchal
Pradip Panchal author of How to Use java script validation on SharePoint 2010 List. is from Ahmedabad, India. Pradip Panchal says Hello Everyone,
I am Pradip Panchal from India
 
View All Articles

 
Please enter your Comment

  • Comment should be atleast 30 Characters.
  • Please put code inside [Code] your code [/Code].

 
No Comment Found, Be the First to post comment!