Question

我想在没有type =“submit”按钮的情况下验证表单输入。我怎么能这样做？

我试过这个 - ＆gt;

<script type="text/javascript">function validateForm() {
    $('#form1')[0].checkValidity()
   if( document.form1.vorname.value == "" )
   {
         return false;
   }
   if( document.form1.nachname.value == "" )
   {
         return false;
   }
   if( document.form1.postleitzahl.value == "" )
   {
         return false;
   }
   if( document.form1.email.value == "" )
   {
         return false;
   }
   if( document.form1.telefon_optin_Ja.value == "" )
   {
         return false;
    }
if( document.form1.ort.value == "" )
   {
         return false;
   }
   if( document.form1.straße.value == "" )
   {
         return false;
   }
   if( document.form1.Anrede.value == "" )
   {
         return false;


        }else { 
            $('#modal_absenden').modal({
              backdrop: 'static',
              keyboard: 'false',
                 })

    }
}
</script>

我的表单名称是：form1，button - ＆gt; `Absenden

问题的“背景”是：我想首先验证表单输入，然后（如果所有输入都正常）它应该打开一个模态，你可以选择重定向页面（重定向是，重定向否）然后它通过邮寄方式将表格提交至mail.php。

我希望你明白我的问题，如果你有疑问，请问。（我的英语不太好......）

感谢您的帮助。

Answer 1

你说过HTML5。

然后，这意味着你要做的就是使用checkValidity（）和

 <input type="text" name="name" required>
<input type="email" name="email" required placeholder="Enter a valid email address">

以下是关于使用HTML5验证的好文章。

我自己没用过。但我很高兴知道你的帖子。

http://www.the-art-of-web.com/html/html5-form-validation/

如果你想使用jQuery，那就去验证。 http://www.codeproject.com/Articles/213138/An-Example-to-Use-jQuery-Validation-Plugin

Answer 2

每次输入更改时，您都可以调用验证函数：

$('#form1 input').change(validateForm);

Answer 3

所以我猜你想用Javascript做前端验证。有包裹的库来做这件事。例如，validate.js，verifyjs和this one，...

您可以在输入的blur事件上绑定验证过程 JQuery validate是一个很好的选择，有清晰的文档。您只需要下载.js库并将其放在Web文件夹下的某个位置，并使用标记来包含它。并在要验证的表单上调用.validate（）函数。应该这样做。

$('input').on('blur', function(){
    $("#myForm").validate();
});

Answer 4

使用

$("#form1 input").on('change,blur', validateForm); 

function validateForm() {
    // Caution : this refers to the HTMLElement
}

您应该考虑使用jQuery表单验证，例如像http://formvalidator.net/或http://jqueryvalidation.org/这样的库，或创建您的。

干杯

没有提交按钮的HTML5表单验证

4 个答案: