Javascript JQuery移动表单验证

我使用Jquery mobile，我使用validVal作为验证方法。 我使用了网站上的以下代码：

在他们的网页上，代码工作得很好，但当我在mylocalHost使用它时，它就不起作用了。我只能看到HTML代码的结果。 我已经把代码包括在这里了。如果有人知道怎么了，我该怎么办，请告诉我

HTML代码：

    <form id="form8" class="form-wrapper" action="#ex8" method="post">
    <div>
        <label for="name_8">Name</label>
        <input id="name_8" class="required placeholder" type="text" name="name_8" value="This field is required." size="24" /><span class="error">Please enter your name.</span></div>
    <div>
        <label for="email_8">E-mail</label>
        <input id="email_8" class="required email placeholder" type="text" name="email_8" value="This field is required." size="24" /><span class="error">Enter a valid e-mailaddress.</span></div>
    <div>
        <input type="submit" name="submit_8" value="Submit" />
    </div>
</form>

javascript

    $( "#form8" ).validVal({
    invalidFieldFunc : function( $field, $form, language ) {
        $field.next().stop().fadeIn();
    },
    validFieldFunc : function( $field, $form, language ) {
        $field.next().stop().fadeOut();
    },
    invalidFormFunc : function( field_arr, $form, language ) {
        alert( field_arr[ 0 ].next().text() );
    }
});

---

我猜您现在已经解决了这个问题，但是validval示例正在处理简单的HTML，而JQuery mobile将增强您的HTML

---

您的错误范围将不会是$field。下一个。

有错误吗？调试控制台中有什么？

    $( "#form8" ).validVal({
    invalidFieldFunc : function( $field, $form, language ) {
        $field.next().stop().fadeIn();
    },
    validFieldFunc : function( $field, $form, language ) {
        $field.next().stop().fadeOut();
    },
    invalidFormFunc : function( field_arr, $form, language ) {
        alert( field_arr[ 0 ].next().text() );
    }
});