Javascript 提交前,ColdFusion/Ajax在表单字段上验证数学

Javascript 提交前,ColdFusion/Ajax在表单字段上验证数学,javascript,jquery,ajax,forms,coldfusion,Javascript,Jquery,Ajax,Forms,Coldfusion,我有3个字段需要绑定在一起。我需要在提交之前对其进行验证 <cfinput type="text" name="cost_per" validate="float" validateat="onsubmit"> <cfinput type="text" name="case_qty" validate="float" validateat="onsubmit"> <cfinput type="text" name="case_cost" validate="floa

我有3个字段需要绑定在一起。我需要在提交之前对其进行验证

<cfinput type="text" name="cost_per" validate="float" validateat="onsubmit">
<cfinput type="text" name="case_qty" validate="float" validateat="onsubmit">
<cfinput type="text" name="case_cost" validate="float" validateat="onsubmit">

[每箱成本]x[箱数量]=[箱成本]

我需要禁用提交按钮,直到数学正确为止

i、 e.[cost_per]$5.25 x[case_quantity]12=[case_cost]$63.00如果计算结果正确,允许用户提交表单

由于这是在哪里实现的,我必须允许用户修改所有三个字段


不确定是否重要,但还有两个字段,
qty\u received
qty\u received
。提交后,将完成这些字段的计算。

看看使用-一个功能强大且易于使用的jQuery客户端验证插件。它允许您设置自定义验证,看起来您需要完成所需的任务。但是,您仍然应该执行服务器端验证。如果要隐藏submit按钮,直到数学正确为止,您必须查看cfinput标记的validateat属性。我应该添加…停止使用
cfinput
,使用真正的HTML标记,并学习如何以真正/正确的方式执行此操作。正确的方式?除了您不喜欢cfinput之外,还有什么其他原因使它走错了方向吗?仅使用
cfinput
就足以使它走错方向
<cfinput type="text" name="cost_per" validate="float" validateat="onsubmit">
<cfinput type="text" name="case_qty" validate="float" validateat="onsubmit">
<cfinput type="text" name="case_cost" validate="float" validateat="onsubmit">