Question

我对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的背景颜色为空。请解释如何做到这一点！

看着你的答案，似乎没有用。点击提交按钮时，没有任何反应，只有表格清除。

Answer 1

试试这个：

$('#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
});

Answer 2

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

首先，如果您要验证一些小事情，那么您应该完全编写自己的代码。它会比使用插件（可能......）轻得多。

但是，如果你进行了大量的验证，你可能需要研究jquery验证插件（如http://bassistance.de/jquery-plugins/jquery-plugin-validation/），因为这些插件可以让生活变得更轻松。

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

快乐的编码！

提交表单Jquery时验证字段

2 个答案: