Question

如何在提交前检查表单。

我希望输入在用户输入输入或选中复选框时有任何数据。

我无法使用jquery进行检查和管理提交表单，提交页面刷新后输入空白等等。

例如：

$('form#myForm1').submit(function(){ ... })

Answer 1

我建议使用服务器端检查，客户端检查可以操作数据并发送任何数据......

对于您的问题，您可以使用插件来验证字段... 例如：

$('#buy').submit(function() {
      if ($('#productSize').val().length < 1) {
            $('#error').html('My Error Message').show();
            return false;
      }
});

示例来自：http://forum.jquery.com/topic/checking-form-value-before-submit

stackoverflow示例：jquery check values before submit

Answer 2

只需使用

< form onsubmit="return javascriptFunciton();" />

Answer 3

您可以使用HTML5 Form Validation。但是，由于验证是在用户一侧，因此您应始终验证服务器端的数据。任何用户双方验证都很容易。

Answer 4

有几种方法可以检查以确保输入已填满！

1-使用jquery你可以做类似的事情：

if(!$(#"input1").val()){do some thing}

2-使用Javascript你可以做类似的事情：

if(document.getElementById("input1").value==""){do some thing}

3-使用一些HTML5属性，例如：“required”，使输入字段需要填写。

但是，最好的方法是使用PHP完美的输入验证和安全功能来控制用户的数据。

Answer 5

您可以使用jquery.validate插件添加验证规则，例如：

$('#myForm').validate({
    rules:
    {
        field1:
            {
                required: true              
            }

    },
    messages:
    {
        field1:
            {
                required: "<span class="error">Enter field1.</span>"                
            }
    }
});

在jquery form validation

查看更多信息

提交表格前检查

5 个答案: