Validate Coldfusion Cfinput Textbox with Javascript

Posted on 2011-03-02
Medium Priority
Last Modified: 2012-05-11
How does one valideate a coldfusion cfinput type=text with javascript?
It is cfinput the same as a regular html input in the way it validates?
I would like to exclude characters like * in my text areas.
I have used keyCode values but I'm having a little trouble with thes text areas in Coldfusion.
Question by:FastEddie___
LVL 11

Assisted Solution

by:Brijesh Chauhan
Brijesh Chauhan earned 1000 total points
ID: 35019100
Use a regular expression

<cfinput type="text" name="whatever" validate="regex" pattern="" ...... of course you need to get the correct regex so that it excludes * ....  
LVL 39

Accepted Solution

gdemaria earned 1000 total points
ID: 35019150
You can use the same javascript on cfinput, this sounds like an onChange="" function call; something like this..


function checkEntry(obj) {
  var nStr = obj.value.replace(/[^\d\.]+/g, '')
  if (nStr != obj.value) {
       alert('Invalid characters');
       return false;
  return true;

Note you can also just change it to <input> unless you're using some CF specific parameters, they are interchangeable

Author Closing Comment

ID: 35019996
Thank you.
LVL 13

Expert Comment

ID: 35020073
First of all is there any reason for you yo use cfinput  ,

with cfinput you can use the same javacript function  and call it on the event which you were calling for input

but if you want to write your custom validation stuff i strongly feel there is no need of cfinput unless you have a other strong reason for using it.


Author Comment

ID: 35027980
I'm not looking to replace what coldfusion has built in for form validation.
I am looking to enhance validiation as the user is typing by using onKeyPress.
That way I can check for certain characters and just not allow them to be typed in.

For example:

<cfinput ... onkeypress="return checkDateChars()" validate="date">


function checkDateChars()
{ // 0-9, /, -
    if (    ((event.keyCode>47)&&(event.keyCode<58)) || (event.keyCode==45) || (event.keyCode==47)    )
       return true;
       return false;


Along with the onkeypress I also would like to use the onBlur and run my own date validation functions so that the coldfusion validate="date" should never be called except when the user is trying to hack the site.

So what you're saying is that I can use all the colfdfusion tags from cfform (cfinput, cfselect,...) with regular javascript function calls???


Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
AngularJS web development a very simple procedure. So, to put it, in short, AngularJS’ stand out features are – Two-way data binding, MVC structure, directives, templates, dependency injections and testing.
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…

627 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