在提交表格前检查

Question

如何在提交前检查表格。

我想输入有任何数据时，用户键入输入或选中复选框。

我不能使用jquery的检查和管理提交表格后，提交页面刷新和空输入等

例如：

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

Answer 1

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

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

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

检查在jquery form validation

了解更多信息

Answer 2

我会建议使用服务器端检查，客户端检查可以使操纵数据和发送任何数据成为可能......

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

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

举例计算器：jquery check values before submit

Answer 3

只需使用

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

Answer 4

你可以使用HTML5 Form Validation。但是，由于验证在用户方面，因此您应该始终验证服务器端的数据。绕过任何用户侧验证都相当容易。

Answer 5

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

1-使用jQuery你可以做这样的事情：

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

2 - 使用JavaScript，你可以做这样的事情：

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

3-使用HTML5的一些属性，如：“需要“这使得输入字段需要填写。

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