Show/hide field javascript not working for required field

Sans 11 Reputation points
2021-07-02T22:12:05.353+00:00

I have a share point list form and was able show/hide(Java script) based a field name "Test" dropdown option, now when i make field "Test" required code is not working.
how can i make this filed("Test") required and make java script working?
another question:
on the list form, i want to make the hidden fields required only when they show on the form.

Thanks in advance...

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,607 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,664 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. MichaelHan-MSFT 18,016 Reputation points
    2021-07-05T02:51:46.643+00:00

    Hi @Sans ,

    If you make the field "Test" required, in HTML the title of the "Test" dropdown will changed to "Test Required Field". As the below picture show:

    111662-image.png

    So, I guess the selector in your code would not work. You need to change the selector in your code, Attribute Starts With Selector [name^=”value”].

    Below is my sample for you:

    $(function(){  
    	let col1=$('nobr:contains("col1")').closest('tr');  
    	let col2=$('nobr:contains("col2")').closest('tr');  
    	let test=$('select[title^="Test"]');  
    	col1.hide();  
    	col2.hide();  
    	test.change(function(){  
    		if(test.val()==="A"){  
    			col1.show();  
    			col2.hide();  
    		}  
    		if(test.val()==="B"){  
    			col2.show();  
    			col1.hide();  
    		}  
    	})  
    })  
    

    If an Answer is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.