0

フォームの検証が機能しません (IE または FF では、完全に壊れていると思います) JQuery 1.7.2 を使用しています

何が悪いのか分かりますか..?

コード

<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.metadata.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.validate.js"></script>
<script type="text/javascript" src="/js/validateutils.js"></script>


<form action="mailto:p.morrison@domain.com?subject=Changes to Employment"   id="employmentForm" method="post" enctype="text/plain" onsubmit="location.href='thank_you_changes_to_employment.html';">

私の必須入力フィールドには {validate:{required:true}} のクラスがあります

<script type="text/javascript">
<!--
$(function ()
{
        $('#employmentForm').validate ();
});
-->
</script>
4

2 に答える 2

0

2 つの小さな変更を加えましたが、コードは正常に動作しています。

1) 引用 OP: "私の必須入力フィールドにclassは{validate:{required:true}}"があります。class="required"必須入力要素の HTML マークアップ内で使用するだけです。

onsubmit2)プラグインに干渉するため、インライン ハンドラを削除します。代わりにsubmitHandler、プラグインのコールバック関数を使用してください。これsubmitHandlerは、フォームが有効な場合にのみ発生します。

$(function () {

    $('#employmentForm').validate({
        submitHandler: function(form) {
           form.submit();  // <-- default form action
           location.href='thank_you_changes_to_employment.html';
        }
    });

});

デモ: http://jsfiddle.net/8Y8Tt/

これで解決しない場合は、HTML マークアップを含むコードをさらに表示する必要があります。

于 2013-11-11T20:09:51.383 に答える