繁体   English   中英

jQuery表单验证不起作用

[英]jQuery form validation not working

我在这里进行表单验证时遇到困难:

// JavaScript Document
$(document).ready( function() {

 $("#submit").click(function(){               

  // set initial error value to false
  var hasError = false;

  // set var for each form field
  var order_ref = $("#order_ref").val();
  var order_name = $("#order_name").val();
  var order_telephone = $("#order_telephone").val();
  var order_email = $("#order_email").val();
  var order_message = $("#order_message").val();
  var order_size = $("#sendEmail input.radio:checked").val();

  // validate each of them
  if(order_ref == '') { $("#order_ref").addClass('haserror'); hasError = true; } 
  if(order_name == '') { $("#order_name").addClass('haserror'); hasError = true; } 
  if(order_telephone == '') {  $("#order_telephone").addClass('haserror'); hasError = true; } 
  if(order_email == '') { $("#order_email").val().addClass('haserror'); hasError = true; } 
  //if(order_message == '') { $("#order_message").val().addClass('haserror'); hasError = true; } 
  if(order_size == '') { $("#order_size").val().addClass('haserror'); hasError = true; } 

  // if there are errors
  if(hasError == true) {
   alert('whoa!');
   return false;
  };

  // if there's no errors, proceed   
  if(hasError == false) {
   $.post("/photo/theme/foodphoto/includes/mail_send.php",
       { 
     // pass each of the form values to the PHP file for processing
     order_ref: order_ref, 
     order_name: order_name, 
     order_telephone: order_telephone, 
     order_email: order_email, 
     order_message: order_message,
     order_size: order_size
    },
        function(data){
      // no errors? great now do what you want to show the user his message is sent
      $('#sendEmail, .faded').slideUp(500);
      $('.thanks').delay(500).fadeIn(500);
        }
     );
  }; 

  return false;
 }); 

});

你能发现我在做什么错吗?

谢谢! :)

这些行是错误的:

if(order_email == '') { $("#order_email").val().addClass('haserror'); hasError = true; } 
if(order_size == '') { $("#order_size").val().addClass('haserror'); hasError = true; } 

删除val()

复制/粘贴错误看起来像:)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM