I am currently dealing with a situation where a Salesforce form provided by a client has a dynamically generated name value for the state selector. When I try to run Angular, it throws a parsing error.
It seems that Angular is having trouble accepting the name value, and I am struggling to find a way to make it work.
Unfortunately, I am unable to alter the name property as it is linked to the client's Salesforce application.
Any ideas on how to resolve this issue? It appears that the error stems from the value "00N6100000GrRGn."
<div class="form-group">
<label for="00N6100000GrRGn">State <sup><span class="required">*</span</sup></label>
<select id="00N6100000GrRGn" name="00N6100000GrRGn" title="State" class="form-control" ng-model="user.00N6100000GrRGn" ng-required="true">
<option value="">Select your state</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
</select>
<p class="error validationerror" ng-show="myform.00N6100000GrRGn.$invalid && myform.00N6100000GrRGn.$touched">You must choose your state.</p>
</div>