如何在没有插件的情况下验证空字段

时间:2017-04-22 01:34:33

标签: jquery html

我有同伴代码:

<script type="text/javascript">
function validateEmail(email) { 
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
$(document).ready(function() {
$("#enviar").click(function() {



var nome = $.trim($("input#nome").val());
if (nome == "") {
$("#nome").focus();
$("#nome").css("background-color","#802c2c");
return false;
}
var email = $.trim($("input#email").val());
if (email == "") {
$("#email").focus();
$("#email").css("background-color","#802c2c");
return false;
}
if (!validateEmail(email)) {
$("#email").focus();
$("#email").css("background-color","#802c2c");
return false;
}
var telefone = $.trim($("#telefone").val());
if (telefone == "") {
$("#telefone").focus();
$("#telefone").css("background-color","#802c2c");
return false;
}
var mensagem = $.trim($("#mensagem").val());
if (mensagem == "") {
$("#mensagem").focus();
$("#mensagem").css("background-color","#802c2c");
return false;
}
});

$('input').keypress(function() { $(this).css("background-color","#17120d") });
$('textarea').keypress(function() { $(this).css("background-color","#17120d") });

});
$(function () {
"use strict";
$('form').on('submit', function (e) {
 e.preventDefault();
$('#unload').fadeOut(2000);
$('#loading').delay(2000).fadeIn(900);
$("#loadresult").hide().delay(2000).fadeIn(900);

    $.ajax({
            type: 'post',
            url: 'mailer/sendmail.php',
            data: $('#inner-contact').serialize(),
            success: function (html) {
            $("#loadresult").fadeOut(1000);;
            $("#postresult").delay(1000).fadeIn(2000);
            $("#another").hide(1009).delay(2000).fadeIn(2200);
            }
          });

});

   $('#another').click(function() {

    $("#another").hide(100).fadeOut(2000);
    $('#loading').fadeOut(2000);
    $("#postresult").fadeOut(2000);
    $("#unload").delay(2400).show(200); 
   });

});
</script>

但是使用此代码我一次只能验证一个字段。如何一次检查所有字段?代码是,它逐字段验证,也就是说,当我点击&#34;发送&#34;按钮它检查第一个字段,然后是第二个字段,然后是第三个字段,依此类推。但我需要一次检查所有字段,将背景颜色应用于所有空白字段。

0 个答案:

没有答案