Jquery colorbox和Js邮件验证集成

Jquery colorbox and Js email validation integration

本文关键字：验证 集成 Js colorbox Jquery      更新时间：2023-09-26

我有一个表单，是在一个colorbox弹出，当我提交的形式，我想看到下一页(在那里的形式张贴)内的相同的弹出，所以我发现这个脚本，适用于那件事。

$("#botonsiguiente").click(function () { // ATTACH CLICK EVENT TO MYBUTTON
$.post("/envioypago-prueba2.php",        // PERFORM AJAX POST
$("#frmSS11").serialize(),      // WITH SERIALIZED DATA OF MYFORM
  function(data){                // DATA NEXT SENT TO COLORBOX
    $.colorbox({
      html:   data,
      open:   true,
      iframe: false            // NO FRAME, JUST DIV CONTAINER?
    });
  },
  "html");
  });

但问题是，我有另一个JS脚本在同一页上执行表单上的电子邮件验证，他们不一起工作，因为当我提交表单表单张贴没有验证。

我想做的是整合这两个脚本，这样电子邮件验证是在表单发布之前完成的。

我用于电子邮件验证的确切JS脚本如下:

// <![CDATA[
        function CheckMultiple11(frm, name) {
            for (var i=0; i < frm.length; i++)
            {
                fldObj = frm.elements[i];
                fldId = fldObj.id;
                if (fldId) {
                    var fieldnamecheck=fldObj.id.indexOf(name);
                    if (fieldnamecheck != -1) {
                        if (fldObj.checked) {
                            return true;
                        }
                    }
                }
            }
            return false;
        }
    function CheckForm11(f) {
        var email_re = /[a-z0-9!#$%&'*+'/=?^_`{|}~-]+(?:'.[a-z0-9!#$%&'*+'/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?'.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
        if (!email_re.test(f.email.value)) {
            alert("Por favor ingresá tu EMAIL CORECTAMENTE y luego chequeá que el TELÉFONO sea también correcto. Luego presioná el botón naranja. Estás a sólo 1 paso de ahorrar el 70% en tu compra!");
            f.email.focus();
            return false;
        }
            return true;
        }
// ]]>

所以问题是:我如何将第二个脚本集成到第一个脚本中以使其全部工作?

jQuery表单插件可能会对您有所帮助。下面是关于验证的部分:

http://jquery.malsup.com/form/验证

相关文章：