If statement javascript将两者结合起来使用IF

我正在尝试使用IF将两个javascript组合成一个

我希望如果script1为True，则只运行script1。 如果script1为False，则运行script2

Script1=如果联系人表单中的字段为空，则用“必需”检查所有字段。 Script2=使用ajax发送电子邮件

脚本1

  $('document').ready(function () {
    $('form#contact-form').submit(function(e) {

        var ref = $(this).find("[required]");

        $(ref).each(function(){
            if ( $(this).val() == '' )
            {
                alert("Required field should not be blank.");

                $(this).focus();

                e.preventDefault();
                return false;
            }
        });  return true;
    });
});

脚本2

   $('document').ready(function () {
    $('form#contact-form').submit(function () {
        var form = $(this);
        var post_data = form.serialize(); //Serialized the form data for process.php
        $('#loader').html('<img src="../spinner.gif" /> Please Wait...');

        form.fadeOut(500, function () {
            form.html("<h3>Thank you.").fadeIn();
            $('#loader').html('');
        });

        // Normally would use this
        $.ajax({
            type: 'POST',
            url: 'process.php', // Your form script
            data: post_data,
            success: function(msg) {
                form.fadeOut(500, function(){
                    form.html(msg).fadeIn();
                });
            }
        });

        return false;
    });
});

$（'document'）.ready（函数（）{
$（'form#contact form'）。提交（函数（）{
变量形式=$（此）；
var post_data=form.serialize（）；//序列化了process.php的表单数据
$（'#loader'）.html（'请稍候…'）；
形式衰减（500，函数（）{
html（“谢谢”）.fadeIn（）；
$（'#loader'）.html（''）；
});
//通常会用这个
$.ajax({
键入：“POST”，
url:'process.php'，//您的表单脚本
数据：post_数据，
成功：功能（msg）{
形式衰减（500，函数（）{
html（msg.fadeIn（）；
});
}
});
返回false；
});
});

此脚本应该适合您

$('document').ready(function() {
 $('form#contact-form').submit(function (e) {
  var valid = true;
  var ref = $(this).find("[required]");
  $(ref).each(function(){
    if ($(this).val() == '' )
    {
      alert("Required field should not be blank.");
      $(this).focus();
      e.preventDefault();
      valid = false;
      return false;
    }
  });

  if (valid){
    var form = $(this);
    var post_data = form.serialize(); //Serialized the form data for process.php
    $('#loader').html('<img src="../spinner.gif" /> Please Wait...');

    form.fadeOut(500, function () {
      form.html("<h3>Thank you.").fadeIn();
      $('#loader').html('');
    });

    // Normally would use this
    $.ajax({
      type: 'POST',
      url: 'process.php', // Your form script
      data: post_data,
      success: function(msg) {
        form.fadeOut(500, function(){
          form.html(msg).fadeIn();
        });
      }
    });
  }
 });
});

$（'document'）.ready（函数（）{
$（'form#contact form'）。提交（函数（e）{
var valid=true；
var ref=$（this.find（“[required]”）；
$（参考）。每个（函数（）{
if（$（this.val（）=''）
{
警报（“必填字段不应为空”）；
$（this.focus（）；
e、 预防默认值（）；
有效=错误；
返回false；
}
});
如果（有效）{
变量形式=$（此）；
var post_data=form.serialize（）；//序列化了process.php的表单数据
$（'#loader'）.html（'请稍候…'）；
形式衰减（500，函数（）{
html（“谢谢”）.fadeIn（）；
$（'#loader'）.html（''）；
});
//通常会用这个
$.ajax({
键入：“POST”，
url:'process.php'，//您的表单脚本
数据：post_数据，
成功：功能（msg）{
形式衰减（500，函数（）{
html（msg.fadeIn（）；
});
}
});
}
});
});

---

将脚本和添加/引入的“valid”变量结合起来，验证“required”字段是否有效。

谢谢。它工作了一半。您对每个空字段都保持警惕，php会打开，但会刷新所有页面。您是对的，但原始代码使用警惕功能显示错误。原始代码经过测试，工作正常。如果有任何空字段要提醒（错误消息）。问题在于，代码现在会在发现空字段时发出警报。例如，有3个空字段，因此您将获得3次警报。在原始代码中，您只能得到1。您是对的。在each循环中添加了return语句，一个“non-false”值将作为continue，return-false将作为break。你是个天才！！！我刚才展示了上面的代码。它正在工作。唯一的错误是php没有显示在div中，而是加载“谢谢”消息，然后打开php页面。