how to validate two controls ( tinymce textarea and radio button both ) at time when button click.

Question

0.00/5 (No votes)

See more:

hi friends,

i need to validate textarea(tinymce), and radio button(aleast one must be selected) at same time when button click.

i have validation code for both, but its different function, how i call or how i merge these two function,pls find below my code

textarea(tinymce) validation
==============================

JavaScript

<script type="text/javascript">
  function validate_textarea() {
            var textarea = tinyMCE.get('textar_Question1').getContent(); 
            if ( (textarea=="") || (textarea==null) ) 
			{
			$('#divValidaTetextarea').modal({show:true})
                    //alert("Post body must not be left blank");
                    //textarea.focus();
                    return false; 
            }
			else
			{
			alert("ok");
			}
    }

</script>

Radio validation
================

JavaScript

function isOneChecked() {
 var chx = document.getElementsByTagName('input');
  for (var i=0; i<chx.length; i++) {
  if (chx[i].type == 'radio' && chx[i].checked) {
      return true;
    } 
  }
  alert("Please select option");
  // End of the loop, return false
  return false;
}

html
=====

HTML

<a type="button" id="btnAddQuestion" class="btn" >AddQuestion</a>

anyone pls share with me your ideas.

thanks :)

Posted 24-Sep-14 17:22pm

Renga.g

Add a Solution

Comments

NowYouSeeMe 24-Sep-14 23:43pm

why dont you just call tht two functions back to back in your button click

Renga.g 24-Sep-14 23:46pm

kindly pls explain little more, bcz im trying that but its not working, im not clear how to call like back to back.

Renga.g 24-Sep-14 23:50pm

yah i found ready, thanks a lot ,thanks for your time.

:)

Renga.g 25-Sep-14 0:04am

but i have some trouble, i need to show and hide some divs after validate function call. now what happend the function are working but im not sure where in need to put that hide/show div codes.

NowYouSeeMe 25-Sep-14 0:34am

when you want to hide/show div

Renga.g 25-Sep-14 21:20pm

Thanks for your time and consideration,

if i click button i need validate textarea and radio, so im using 2 diff functions for that, im not sure and dont know how to validate both at a time using one function.

so now im calling like
function myvalidate_addquestion(){
validate_textarea();
isOneChecked();
document.getElementById('AddQuestion1_options').style.display = 'none';
document.getElementById('AddQuestion1_Question').style.display = 'block';
}

html
====
AddQuestion

now what happening, when click button the validation part is checking, the alert box will popup, after automatically the page going my hide/show part, its not allowing me to validate the text, so the alert msg is coming , but im not able to correct that, bcz page is ding my hide/show part.

my codes for validation of two controls, already appear in above.

kindly pls help me to solve this issue,

thanks
:)

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)