jquery-validationEngine判断验证

0 0

jquery-validationEngine判断验证0

先上一段代码看看


<form id="formId" action="/FAS/xx!save.action" method="post">
  <table width="100%">
      <tr>
	  <td>室外消火栓管管径</td>
	  <td>
	      <input id="guanjing" class="validate[required,maxSize[5],custom[number]]" name="dto.xx" type="text"/>
	  </td>
	  <td>室外消火栓数量(个)</td>
	  <td>
	      <input id="shuliang" class="validate[required,min[1],custom[integer],maxSize[3]]" name="dto.xx" type="text"/>
	  </td>
      </tr>
      ...很多tr


      <tr>
          <td>
	      <input id="tijiao" type="submit" value="提交"/>
	      <input type="reset" name="Submit2" value="重置"/>
          </td>
      </tr>
   </table>
</form>

这是一段form表单提交，当中还有很多tr省略了，我用validationEngine进行验证，现在问题是这样，怎样判断所有的验证都通过并且可以提交，如果有未验证通过的，就不能提交

我试过用$("#formId").validationEngine("validat") == true 来判断，如果是false 我就隐藏提交按钮，不过这样干太2 了，求指点，谢！

jQuery validationEngine

2014年8月06日 14:27

mingnianshimanian
1
0 0 6

采纳的答案

$.validationEngine = {defaults: {

        // Name of the event triggering field validation
        validationEventTrigger: "submit",
        // Automatically scroll viewport to the first error
        scroll: true,
        // Focus on the first input
        focusFirstField: false,
        // Opening box position, possible locations are: topLeft,
        // topRight, bottomLeft, centerRight, bottomRight
        promptPosition: "topRight",
        bindMethod: "bind",
        // internal, automatically set to true when it parse a _ajax rule
        inlineAjax: false,
        // if set to true, the form data is sent asynchronously via ajax to the form.action url (get)
        ajaxFormValidation: false,
        // Ajax form validation callback method: boolean onComplete(form, status, errors, options)
        // retuns false if the form.submit event needs to be canceled.
        ajaxFormValidationURL: false,
        // The url to send the submit ajax validation (default to action)
        onAjaxFormComplete: $.noop,
        // called right before the ajax call, may return false to cancel
        onBeforeAjaxFormValidation: $.noop,
        // Stops form from submitting and execute function assiciated with it
        onValidationComplete: false,

        // Used when the form is displayed within a scrolling DIV
        isOverflown: false,
        overflownDIV: "",

        // Used when you have a form fields too close and the errors messages are on top of other disturbing viewing messages
        doNotShowAllErrosOnSubmit: false,

        // true when form and fields are binded
        binded: false,
        // set to true, when the prompt arrow needs to be displayed
        showArrow: true,
        // did one of the validation fail ? kept global to stop further ajax validations
        isError: false,
        // Caches field validation status, typically only bad status are created.
        // the array is used during ajax form validation to detect issues early and prevent an expensive submit
        ajaxValidCache: {},
        // Auto update prompt position after window resize
        autoPositionUpdate: false,

        InvalidFields: [],
        onSuccess: false,
        onFailure: false
    }}

建议你多看看这些配置项

初始化的时候
$("#formId").validationEngine({
   //具体要自定义的配置项
})

validationEngine内部绑定了submit按钮，不需要你去判断
if (!options.binded) {
                if (options.bindMethod == "bind") {

                    // bind fields
                    form.find("[class*=validate]").not("[type=checkbox]").not("[type=radio]").not(".datepicker").bind(options.validationEventTrigger, methods._onFieldEvent);
                    form.find("[class*=validate][type=checkbox],[class*=validate][type=radio]").bind("click", methods._onFieldEvent);
                    form.find("[class*=validate][class*=datepicker]").bind(options.validationEventTrigger, {"delay": 300}, methods._onFieldEvent);

                    // bind form.submit
                   form.bind("submit", methods._onSubmitEvent);
                } else if (options.bindMethod == "live") {
                    // bind fields with LIVE (for persistant state)
                    form.find("[class*=validate]").not("[type=checkbox]").not(".datepicker").live(options.validationEventTrigger, methods._onFieldEvent);
                    form.find("[class*=validate][type=checkbox]").live("click", methods._onFieldEvent);
                    form.find("[class*=validate][class*=datepicker]").live(options.validationEventTrigger, {"delay": 300}, methods._onFieldEvent);

                    // bind form.submit
                    form.live("submit", methods._onSubmitEvent);
                }