Question

我有一个带有“姓名”，“电子邮件”，“请求”，“邮件”字段的小表单。如果在提交时缺少必要的信息，我想要做的就是突出显示输入字段的红色边框。我希望通过电子邮件发送表单结果。真的很简单。

有人可以为我建议一个快速的脚本吗？

埃里克

Answer 1

$('form').submit(function(){
  var empty_inputs = $(this).find('input[type=text]:empty');
  if( empty_inputs.length > 0 ) {
    empty_inputs.addClass('error').after('<div class="error">this field is required</div>');
    return false;
  }
  return true;
});

Answer 2

您可以使用jQuery验证插件（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）进行客户端表单验证。您需要使用PHP，ASP.NET，ColdFusion，Jaxer或其他服务器端实用程序来启动电子邮件。

Answer 3

与Peavy建议的一样，jQuery验证插件（http://docs.jquery.com/Plugins/Validation）可以很好地验证各种输入类型，例如电子邮件，alph，数字。它已经与ASP.NET MVC，Zend等框架很好地集成在一起。你只需要做一些适当的设置来激活插件。

Answer 4

除了选定的答案。也许有人需要我的估价方式：

var postData = $('#formoid').not("input[type='checkbox']").serialize();

    var vals = postData.split('&');
    for(var i=0;i<vals.length;i++)
    {

        var comp = vals[i].split("=");
        if(comp[0]=="input_cert")//exception
            continue;
        if(comp[1]!="")
        {

            $("#"+comp[0]).parent().css("background-color", "white");
        }
        else
        {
            $("#"+comp[0]).parent().css("background-color", "red");
            $("#"+comp[0]).focus();
            $("#test").html("please check clolored field");
            return;
        }
    }

有快速的表单验证脚本吗？在jquery！

4 个答案: