cfinput validation not working - how do I debug?

We just found an interesting bug here.

In a form where we used "fm-" as part of the form name, for example, <cfinput name="fm-email" required="yes" message="... the required validation failed.  We checked any attached javascrip and css to see if this was the root of the issue (by turning it off) and the required flags were still ignored.  When we removed the "fm-" from the form name, boom goes the dynamite, it worked.

We then built a couple stand alone websites with a form where fm- was part of the cfinput name and they all failed.  As soon as we removed it, it worked.

Aren't sure if its the hyphen or the fm that's making it break, but you all are free to research this further.

Change the type property to flash. That will throw errors to help diagnose.

Try this article:

@ Olivia Crazy Horse I just need to make the field required, so I have this : <cfinput type="text" name="tracking_number" required="yes" message="Carrier Tracking Number is required."> However, when I just click submit, the form submits and the validation does not work. What is wrong with my code ? I also have some javasript validation, so on cfform, I have this : <cfform action="closeItem.cfm" method="post" name="closeItemForm" onSubmit="return ValidateForm()"> But I don't think the onSubmit will override the cfinput validation, will it ? Seems simple enough, but I just cannot see what the problem is.

Run the following basic test page.

<cfif isdefined("form.sbmt")>
<cfdump var="#form#">
</cfif>

<script type="text/javascript">
function ValidateForm(){
     alert('ValidateForm() script called.');
     return true;
}
</script>

<cfform method="post" name="closeItemForm" onSubmit="return ValidateForm()">    
<cfinput type="text" name="tracking_number" required="yes" message="Carrier Tracking Number is required.">
<cfinput name="sbmt" type="submit" value="send">
</cfform>

When you attempt to submit an empty field, it should show you the validation message.

If not, view the page source in the browser. Are the following 2 lines (or similar) present in the source:

<script type="text/javascript" src="/CFIDE/scripts/cfform.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/masks.js"></script>

Can you post a small / simple / self-contained code sample that demostrates this?

--

Adam

Plz verify if your javascript option is enabled in the browser. U can try the below code too,

<cfform

method="post" action="">

<cfinput type="text" name="tracking_number" required="yes" message="Carrier Tracking Number is required.">

<cfinput type="submit" value="ok" name="Ok">

</cfform>

This is from a form that works.

<cfform action="inpatclinic/newrecordprocess.cfm" method="post" name="theform"
onsubmit="return checkform(this);">

<cfoutput>
<cfinput type="text" name="date1"
required="yes" message="Please Enter a Date"
size="10" validate="date"  value="#yesterday#"></cfoutput>