1

我对 Jquery 真的很陌生，但想学习它。我在整个网络上都完成了教程，但现在我想在提交表单之前对其进行验证，但我找不到一个简单的例子。

我有一个表格：

<form id="testform">
<input name="test" type="input">
<input type="submit" value="TEST">
</form>

我有这个功能：

$(document).ready(function() {
        $('#testform').submit(function(){


            $.get('test.php', $(this).serialize(), function(data){
                $('#test').html(data);
            });             
            return false;
        });
    });

现在我想要的很简单，让它的名称字段RED的背景颜色为空。请解释如何做到这一点！

看了你的回答，好像不行。当点击提交按钮时，什么都没有发生，只有表单被清除。

4

2 回答 2

2

试试这个：

$('#testform').submit(function(e) {
      if ($('input[name=test]').val() == "") { // if the input is empty
           $('input[name=test]').css('background-color','red')
           return false
      } else {
         $.get('test.php', $(this).serialize(), function(data){
              $('#test').html(data);
         });             
      }
      return false
});
于 2012-07-13T21:31:41.510 回答
0

作为一个 jquery 新手，我会在这里说几件事：

首先，如果您只是要验证几件小事，您绝对应该编写自己的代码。它会比使用插件轻得多（可能......）

但是，如果您要进行大量验证，则可能需要查看 jquery 验证插件（例如http://bassistance.de/jquery-plugins/jquery-plugin-validation/），因为它们可以让生活变得更轻松。

（另外，我相信你已经知道这一点，但不要忘记服务器端验证，因为客户端可能会失败！）

快乐编码！

于 2012-07-13T21:47:33.127 回答