0

我有一个使用 jqm 的多页表单。最后两页使用 Thomas J Bradley 的签名板。我使用 jquery validate 插件在每个页面继续之前对其进行验证。

我无法获取 jquery validate 插件来验证是否是签名。

这是我用于验证的代码。所有这一切都很好，只需要添加签名验证。

$("#breakinform").validate({
  rules: {
    sitename: {
       required: true,            
    },
    Address: {
      required: true,            
    },
    BreakInDate: {
      required: true,            
    },
    recafcheckbox: { 
        required: true,
    },
    sigPad: { 
      required: true,
    },
  },
  messages: {
    sitename: {
      required: "Please Enter Site Name",            
    },
    Address: {
      required: "Please Enter Address",            
    },
    BreakInDate: {
      required: "Please Enter Date",            
    },
    recafcheckbox: {
      required: "Please Confirm",            
    },
    sigPad: {
      required: "Please Sign In The Box",            
    },
  }
});

//休息

$("a.check").click(function(){
  if($("#breakinform").valid()){
  } else {
    navigator.notification.alert(
      "Please Fill In The Required Fields!",
      callBackFunctionB, // Specify a function to be called 
      'Missing Data',
      "OK" 
    );
    function callBackFunctionB(){
      console.log('ok');    
    }
    return false;
  }
});
4

2 回答 2

0

我通过将以下内容添加到“submitHandler”中来使用的解决方法：

    var result = true;
    if ($('.sigPad input.output').length)
    {   
        $('.sigPad input.output').each(function(){
            if ($(this).val().length == 0) result = false; });
    }
    if (!result ) return false;

并保持 signaturePad 的“validateFields”选项为真。

于 2014-02-25T20:11:32.550 回答
0

@Hunty3000，我认为您无法使用 jQuery 验证插件来验证您的画布，那么为什么不使用 Signature Pad 的内置验证呢？

方法如下： http ://thomasjbradley.ca/lab/signature-pad/#accept-form

如果您需要更多帮助，请随时提出。

于 2013-11-21T17:34:32.810 回答