-1

很简单，为什么这不起作用......？jQuery 1.6.2 也包含在头部中，在此之上。它没有触发验证，现在它只是直接通过并说“已提交”，甚至没有验证字段。

头部验证：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#newcontract").validate({
    rules: {
        rec_name: {
            required: true
        }
    },
    messages: {
        rec_name: {
            required: 'You need to enter a contract receiver.'
        }
    },
    submitHandler: function() { 
    alert("Submitted!"); }
});
});
</script>

表单被命名为 newcontract，所以我缺少什么：

<form name="newcontract" id="newcontract" method="post">
    <input type="text" name="rec_name" id="rec_name" size="42" class="required"/>
    <tr><td class="submit" colspan="3"><input type="submit" name="savelisting" id="savelisting" value="Save New Contract" /></td></tr>
</form>

这是怎么回事？它不会验证此文本字段。帮助！！

更新：上面的代码按预期工作。问题在于我删除了一个包装表单的表格，并且验证插件正在跳过表单。一旦我将表单移到我的 HTML 中的表格之外，它就可以正常工作。

4

1 回答 1

3

错误使用tr标签。

<form name="newcontract" id="newcontract" method="post">
<input type="text" name="rec_name" id="rec_name" size="42" class="required"/>
<p class="submit"><input type="submit" name="savelisting" id="savelisting" value="Save New Contract" /></p>
</form>

第一步，制作正确的html表单。

于 2012-05-03T00:04:51.460 回答