javascript - 使用自定义 JavaScript 验证扩展 Coldfusion CFFORM 验证

Question

有谁知道如何将自定义 Javascript 验证与内置 Coldfusion 验证相结合，以便将自定义 Javascript 警报滚动到与 CF 警报相同的警报框中？我知道 CF 在表单中添加了一个 onsubmit 事件并创建了一个 _CF_check['name of form'] 函数来执行一些 js 验证，但是我如何组合这些警报？

Answer 1

正如评论中提到的，您可以使用 onValidate 属性来调用自定义 JavaScript 函数。不像使用 cfselect (你说你不能使用)那么优雅。但它确实结合了警报，并且没有侵入内部功能。如果由于某种原因您无法使用 onValidate，那么您可能必须深入研究内部结构。

<script type="text/javascript">
    function yourFunction(frm, fld, value){
        // some pointless validation
        var elem = document.getElementById('foo');
        return elem.options[elem.selectedIndex].value == 2;
    }
</script>

<cfform name="theForm" method="post">
   <select name="foo" id="foo">
        <option value="0">apples</option>
        <option value="1">oranges</option>
        <option value="2">pear</option>
        <option value="3">grape</option>
    </select>
    <cfinput type="hidden" name="fooValidate" onValidate="yourFunction" 
            message="You must select pears because we say so..">
    <input type="Submit" name="txtSubmit">
</cfform>

注意:您的 JavaScript 函数的签名必须为:

  function yourFunction(formObject, formField, fieldValue) {
       ...
      // return true if validation was successful
  }