javascript - 提交表格

Question

我有一个包含必填字段的表单，除非您填写必填项，否则它不会提交表单，它适用于谷歌浏览器和火狐浏览器，但不适用于 Safari。为什么会这样，现在有没有人如何做到除非填写了所需的项目，否则无法提交表格。这里只是一小部分代码。

<form method="post" action="##" name="aForm" id="addClientForm" class="">
    <input type="hidden" name="method" value="clientAdd">
    <input type="hidden" name="datasource" value="<cfoutput>#request.dsn#</cfoutput>">
    <input type="hidden" name="Active" value="1">

    <div style="float:left;" class="formContent470">
        <table border="0" cellspacing="0" cellpadding="5">
        <tr>
        <th colspan="" style="text-align:left;">Add Client</th>
        </tr>
            <tr><cfoutput>
                <td>
                Contact
                    <span style="color:red">*</span>
                <input type="Text" name="Contact" value="" required="Yes" message="Contact is required" maxLength="75" class="inputText430"> 
                </td>
            </tr>

我相信这是应该使它工作的 jquery 代码。

$(document).ready(function() {
    $("#addClientForm").validate();
        rules: {
            Contact: {
                required: true
            },
            ClientName: {
                required: true
            },
            ClientLogin: {
                required: true
            },
               ClientPassword: {
                required: true
            },
            Email: {
                required: true
            }
        },
});

谢谢，任何帮助都将不胜感激。

Answer 1

代码有错误语法。我将参数规则放在验证方法上。在您的示例中，您将参数放在方法之外。

$(document).ready(function() {
  $("#addClientForm").validate({
        rules: {
            Contact: {
                required: true
            },
            ClientName: {
                required: true
            },
            ClientLogin: {
                required: true
            },
               ClientPassword: {
                required: true
            },
            Email: {
                required: true
            }
        }
    });
});