Question

我有一个像这样的JS代码验证：

if (theForm.chk_ccd.checked            &&
           (! theForm.ccd_pos [0].checked) &&
           (! theForm.ccd_pos [1].checked) &&
           (! theForm.ccd_pos [2].checked))
        {
          window.alert ('Please select data from the \"CCD Position\" field.');
          theForm.ccd_pos [0].focus ();
          return;
        }

现在我想将该函数添加到我的Jquery JS函数中：

function ActionAdd (theForm)
    {
        $().ready(function()
        {
            $("#form").validate(
            {
                rules:
                {
                    de_no: "required",
                    de_name: "required",
                    product_name: "required",
                    plabel_no: "required",
                },
                messages:
                {
                    de_no: "<div class='error'>Please provide Part No.</div>",
                    de_name: "<div class='error'>Please provide Model Name</div>",
                    product_name: "<div class='error'>Please provide Product Name</div>",
                    plabel_no: "<div class='error'>Please provide Part No. (Pack Label)</div>",
                }
            });
        });
    }

有人有建议吗？

Answer 1

function ActionAdd (theForm)
    {
            $("#form").validate(
            {
                rules:
                {
                    de_no: "required",
                    de_name: "required",
                    product_name: "required",
                    plabel_no: "required",
                },
                messages:
                {
                    de_no: "<div class='error'>Please provide Part No.</div>",
                    de_name: "<div class='error'>Please provide Model Name</div>",
                    product_name: "<div class='error'>Please provide Product Name</div>",
                    plabel_no: "<div class='error'>Please provide Part No. (Pack Label)</div>",
                }
            });
if (theForm.chk_ccd.checked            &&
           (! theForm.ccd_pos [0].checked) &&
           (! theForm.ccd_pos [1].checked) &&
           (! theForm.ccd_pos [2].checked))
        {
          window.alert ('Please select data from the \"CCD Position\" field.');
          theForm.ccd_pos [0].focus ();
          return;
        }
    }

Answer 2

我认为你需要简单的jquery验证演示才能理解它是如何工作的。所以我在这里添加了 jsfiddle链接。

HTML

<form id="myForm">
  <input type="text" name="userName">
  <input type="text" name="userPass">
</form>
<input  value="Submit" type="button" id="submitForm">

JS
http://jsfiddle.net/prWUn/

Jquery添加验证功能

2 个答案: