Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
验证a<;textarea>;使用jquery_Jquery_Validation - Fatal编程技术网

验证a<;textarea>;使用jquery

验证a<;textarea>;使用jquery,jquery,validation,Jquery,Validation,我正在尝试使用jQuery验证表单(所有字段) 我的代码仅对输入区域有效,但对无效,有人知道我如何解决此问题吗 $(".button").click(function() { // validate and process form // first hide any error messages $('.error').hide(); var name = $("input#name").val(); if (name == "") { $("label#name_error").show(

我正在尝试使用jQuery验证表单(所有字段)

我的代码仅对输入区域有效,但对
无效,有人知道我如何解决此问题吗

$(".button").click(function() {
// validate and process form
// first hide any error messages
$('.error').hide();

var name = $("input#name").val();
if (name == "") {
$("label#name_error").show();
$("input#name").focus();
   return false;
}
var email = $("input#email").val();
 if (email == "") {
  $("label#email_error").show();
  $("input#email").focus();
  return false;
}
var subject = $("input#subject").val();
  if (subject == "") {
  $("label#subject_error").show();
  $("input#subject").focus();
  return false;
}
var message = $("textarea#message").val();
if (message == "") {
  $("label#message_error").show();
  $("textarea#message").focus();
  return false;
}

var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;
//alert (dataString);return false;

$.ajax({
  type: "POST",
  url: "bin/process.php",
  data: dataString,
  success: function() {
    $('#contact_form').html("<div id='message'></div>");
    $('#message').html("<h2>Mensagem enviada com sucesso!</h2>")
    .append("<p>Entraremos em contato assim que poss&iacute;vel.</p>")
    .hide()
    .fadeIn(1500, function() {
      $('#message').append("<img id='checkmark' />");
    });
  }
 });
return false;
});
})
$(“.button”)。单击(函数(){
//验证和处理表单
//首先隐藏任何错误消息
$('.error').hide();
变量名称=$(“输入名称”).val();
如果(名称==“”){
$(“label#name_error”).show();
$(“输入#名称”).focus();
返回false;
}
var email=$(“输入电子邮件”).val();
如果(电子邮件==“”){
$(“label#email_error”).show();
$(“输入电子邮件”).focus();
返回false;
}
var subject=$(“输入对象”).val();
如果(主题==“”){
$(“标签#主题错误”).show();
$(“输入对象”).focus();
返回false;
}
var message=$(“textarea#message”).val();
如果(消息==“”){
$(“label#message_error”).show();
$(“textarea#message”).focus();
返回false;
}
var dataString='name='+name+'&email='+email+'&subject='+subject+'&message='+message;
//警报(数据字符串);返回false;
$.ajax({
类型:“POST”,
url:“bin/process.php”,
数据:dataString,
成功:函数(){
$(“#联系方式”).html(“”);
$(“#message”).html(“Mensagem enviada com successo!”)
.append(“entremos em contato assim que possí;vel.

”) .hide() .fadeIn(1500,函数(){ $(“#消息”)。追加(“”); }); } }); 返回false; }); })

$(文档).ready(函数(){
$(“#提交”)。验证({
规则:{
text区域名称:{
要求:正确,
最小长度:8
}
}
});
});

您想做什么?如果提交后全部为空,则显示错误消息?还是什么?您好,谢谢您的评论。我上面写的代码是正确的。这是浏览器缓存的问题,无法正常运行。他试图验证表单上的所有字段。谢谢
<script type="text/javascript">
        $(document).ready(function () {

        $("#submit").validate({
                                rules:{
                                        textarea_name:{
                                                required:true,
                                                minlength:8
                                                }
                                      }
                               });
                           });
</script>