Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Autofill SharePoint 2010 List Form Textbox Based on Input to Other Textbox

Posted on 2013-05-15
3
Medium Priority
?
1,286 Views
Last Modified: 2013-05-17
Hello,

I have a SharePoint 2010 list with the NewForm and EditForm default forms. We are in an extraordinarily strict environment where we can't use workflows, InfoPath, or anything else besides out of the box (OOTB) SharePoint functionality.

I want to create a second list to serve as a lookup with two columns, representing a one-to-one relationship. These are serial numbers to products. Each serial number only identifies one particular product.

On the main list, the first field will be for the user to enter the serial number. We use column validation to ensure it is entered correctly.

If the users enters a legitimate serial number, we want the list to autofill the name of the product from the second lookup list in a text field several lines below. If the serial number isn't recognized, nothing happens and the user is expected to enter the name of the product on their own. There are rare occasions where the user may enter a serial number for a product not in our database, so we aren't going to strictly validate this.

So, basically, the goal is that the user enters a serial number. I then want to put some sort of JavaScript/JQuery in a CEWP that would look at the OnChange event for the first text box. After focus is lost, etc., it would check against the second list, see if the value is there. If so, it fills the name column. If it can't find it, the form does nothing.

I know there are a bunch of libraries and WSP files out there with custom solutions, like SPServices and their cascading drop-downs. Again, due to our strict requirements, we can't use any of that. The most we are allowed to do is write our own JavaScript code.

Can someone point me to a good link on how to do this?

Thank you,
Joseph Irvine
0
Comment
Question by:jkeagle13
  • 2
3 Comments
 
LVL 28

Accepted Solution

by:
clayfox earned 1900 total points
ID: 39171252
With SharePoint 2010, InfoPath is the form editor.

once your lists are started, edit the main list, which will pop up in InfoPath.  Then add a data connection to the second list.
Put a rule on the serial number field with an action to set the product name to the name from the second list with a filter of the serial number entered matches the serial number in the list.

this is all standard InfoPath functionality that you can leverage with a list to customize the SP entry/edit form.

www.infopathdev.com is a good resource for getting started.
0
 

Author Comment

by:jkeagle13
ID: 39171737
Is that going to create an XSN and essentially turn it into an InfoPath form? Because, we are using SharePoint out of the box and cannot use InfoPath forms.

So, if InfoPath is able to edit the ASPX file while leaving it in ASPX format, that is fine. We just can't have it creating anything other than ASPX.

Thanks!
0
 
LVL 28

Expert Comment

by:clayfox
ID: 39171768
Yah, InfoPath is embedded in 2010, so the forms are still web based and rendered in the browser.  Other than to maybe edit the input pages, InfoPath is not required and is all hosted.
0

Featured Post

NFR key for Veeam Backup for Microsoft Office 365

Veeam is happy to provide a free NFR license (for 1 year, up to 10 users). This license allows for the non‑production use of Veeam Backup for Microsoft Office 365 in your home lab without any feature limitations.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I thought I'd write this up for anyone who has a request to create an anonymous whistle-blower-type submission form created using SharePoint 2010 (this would probably work the same for 2013). It's not 100% fool-proof but it's as close as you can get…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

782 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question