Jquery添加验证函数

Jquery add validation function

本文关键字：函数验证添加 Jquery 更新时间：2023-09-26

我有一个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>",
                }
            });
        });
    }

谁有什么建议?

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;
        }
    }

我认为你需要一个简单的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/