05-15-2019 10:19 AM
Hi Gents,
ISE: 2.3.0.298; Patch 5
we use a self registered guest portal.
Now - i need on the "registration form" an additional button which clear the
form field "ui_person_visited" if needed.
It should replace or fill in the text within the form field.
For this goal i use the following script:
<script>
jQuery('.cisco-ise-form-buttons').append("<div class='ui-submit ui-btn ui-shadow'><input type='submit' value='Registration for a half year' class='hotspot-btn'/></div>");
jQuery('.hotspot-btn').on('click', function(evt){
evt.preventDefault();
jQuery('#guestUser\\.fieldValues\\.ui_person_visited').val("");
jQuery('#guestUser\\.fieldValues\\.ui_person_visited').attr("placeholder","");
jQuery("input[name='guestUser.fieldValues.ui_person_visited']").attr("value","servicxxxx@xxxxxx.xxx")
});
</script>
This script works, if the text field of the ui_person_visited is empty after the page load.
But if something is filled in like an eMail address (firstname@domain.com) nothing happens.
Have any person an idea what is going wrong with the script?
For an early answer i will be thankfully.
Kind regards
Jacob
Solved! Go to Solution.
05-16-2019 12:48 PM
I am no expert on this but it does not look like you are clearing the form.
Using JavaScript to reset or clear a form might do it. For example, I copied the function and then am calling it within the function(evt).
<script> function clearForm(oForm) { var elements = oForm.elements; oForm.reset(); for(i=0; i<elements.length; i++) { field_type = elements[i].type.toLowerCase(); switch(field_type) { case "text": case "password": case "textarea": case "hidden": elements[i].value = ""; break; case "radio": case "checkbox": if (elements[i].checked) { elements[i].checked = false; } break; case "select-one": case "select-multi": elements[i].selectedIndex = -1; break; default: break; } } } jQuery('.cisco-ise-form-buttons').append("<div class='ui-submit ui-btn ui-shadow'><input type='submit' value='Clear Form' class='hotspot-btn'/></div>"); jQuery('.hotspot-btn').on('click', function(evt){
clearForm(this.form); evt.preventDefault(); jQuery('#guestUser\\.fieldValues\\.ui_person_visited').val(""); jQuery('#guestUser\\.fieldValues\\.ui_person_visited').attr("placeholder",""); jQuery("input[name='guestUser.fieldValues.ui_person_visited']").attr("value","servicxxxx@xxxxxx.xxx") }); </script>
05-21-2019 06:39 AM
Please find the consolidated script which remove the text entered in the form fields. Please check this and confirm whether it works expected.
<script> function clearForm(oForm) { var elements = oForm.elements; oForm.reset(); } jQuery('.cisco-ise-form-buttons').append("<div class='ui-submit ui-btn ui-shadow'><input type='submit' value='Clear Form' class='hotspot-btn'/></div>"); jQuery('.hotspot-btn').on('click', function(evt){ clearForm(this.form); evt.preventDefault(); jQuery("#guestUser\\.fieldValues\\.ui_person_visited").attr("value","servicxxxx@xxxxxx.xxx"); }); </script>
05-21-2019 08:31 PM
it works also fine.....
Perfect!!!
Many thanks to hslai and Jason
Kind regards
Jacob
05-16-2019 12:48 PM
I am no expert on this but it does not look like you are clearing the form.
Using JavaScript to reset or clear a form might do it. For example, I copied the function and then am calling it within the function(evt).
<script> function clearForm(oForm) { var elements = oForm.elements; oForm.reset(); for(i=0; i<elements.length; i++) { field_type = elements[i].type.toLowerCase(); switch(field_type) { case "text": case "password": case "textarea": case "hidden": elements[i].value = ""; break; case "radio": case "checkbox": if (elements[i].checked) { elements[i].checked = false; } break; case "select-one": case "select-multi": elements[i].selectedIndex = -1; break; default: break; } } } jQuery('.cisco-ise-form-buttons').append("<div class='ui-submit ui-btn ui-shadow'><input type='submit' value='Clear Form' class='hotspot-btn'/></div>"); jQuery('.hotspot-btn').on('click', function(evt){
clearForm(this.form); evt.preventDefault(); jQuery('#guestUser\\.fieldValues\\.ui_person_visited').val(""); jQuery('#guestUser\\.fieldValues\\.ui_person_visited').attr("placeholder",""); jQuery("input[name='guestUser.fieldValues.ui_person_visited']").attr("value","servicxxxx@xxxxxx.xxx") }); </script>
05-17-2019 12:04 PM
05-20-2019 06:57 AM
Hello hslai,
i try the script and it works perfect.
Very good job.
Thank you very much.
Kind regards
Jacob
05-20-2019 09:15 AM
05-21-2019 06:39 AM
Please find the consolidated script which remove the text entered in the form fields. Please check this and confirm whether it works expected.
<script> function clearForm(oForm) { var elements = oForm.elements; oForm.reset(); } jQuery('.cisco-ise-form-buttons').append("<div class='ui-submit ui-btn ui-shadow'><input type='submit' value='Clear Form' class='hotspot-btn'/></div>"); jQuery('.hotspot-btn').on('click', function(evt){ clearForm(this.form); evt.preventDefault(); jQuery("#guestUser\\.fieldValues\\.ui_person_visited").attr("value","servicxxxx@xxxxxx.xxx"); }); </script>
05-21-2019 08:31 PM
it works also fine.....
Perfect!!!
Many thanks to hslai and Jason
Kind regards
Jacob
Discover and save your favorite ideas. Come back to expert answers, step-by-step guides, recent topics, and more.
New here? Get started with these tips. How to use Community New member guide