Question

我在html中的验证方面存在问题。我使用验证插件的.validate（）但它不适用于我。有人可以帮我解决问题吗？我的每个人都有两个名字。我在插入数据库时使用的数据数组。它有冲突吗？我应该怎么做，因为我们需要使用数组将数据插入数据库？我已经试着把＃34;＃＆＃34;和＆＃34;数据[0]＆＃34;在我的规则中寻找但仍未奏效。

注意：validation.js用作我在线下载的验证插件。 jQuery Validation Plugin 1.11.1。并且jquery.js充当JQuery 1.8.3。

这是我的代码。

<html>

<head>
<script type="text/javascript" src="jquery.js"></script>
<script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="loginBouncy.js"></script>
<script src="modal.js"></script>
<script type="text/javascript" src="validation.js"></script>
<script src="validate.js"></script>

<form id="mainform" name="mainform" method="post" action="SignUp2.php">
<input type="text" name="data[]" id="fname" name="fname" placeholder="First Name"/>
<input type="text" name="data[]" id="lname" name="lname" placeholder="Last Name"/>
<input type="text" name="data[]" id="mname" name="mname" placeholder="M.I."/>
<input type="text" name="data[]" id="sadd"  name="sadd" placeholder="Street"/>
<input type="text" name="data[]" id="tadd"  name="tadd" placeholder="Town/City"/>
<input type="text" name="data[]" id="padd"  name="padd" placeholder="Province/State"/>
<input type="text" name="data[]" id="user2" name="user2" placeholder="Your Username"/>
<input type="password" name="data[]" id="pass2" name="pass2" placeholder="Your Password">
<input id="captcha" name="captcha" type="text" name="captcha" placeholder="Insert Captcha">
<img id="imgcaptcha" src="captcha.php" /><br>
<input type="text" name="data[]" id="email" name="email" placeholder="Your Email"/>
<input type="button" id="btnSignUp"  placeholder="" onclick=""/>
</input>
<p id="confirm" style="font-size:15pt; position:absolute; top:450px; left:850px; ">dfgfdgdf</p>

</form>
</html>

我的 validate.js

$(document).ready(function(){
$('#btnSignUp').click(function(){
$('#mainform').validate({
    rules:
    {
        fname:
        {
            required: true,
            minlength: 7
        }
    },
    success: function(){
    alert("valid");
    }

});
});
});

Answer 1

存在多个问题。

验证器使用输入字段的名称，输入字段中有2个名称属性删除name="data[]"，它应该像<input type="text" id="fname" name="fname" placeholder="First Name" />

验证会自动应用于表单提交事件，因此请将btnSignUp更改为type="submit"

<input type="submit" id="btnSignUp" placeholder="" value="Sign Up" />

验证框架也应该在dom ready上初始化，而不是在单击处理程序

中初始化

jQuery(function ($) {
    $('#mainform').validate({
        rules: {
            fname: {
                required: true,
                minlength: 7
            }
        },
        success: function () {
            alert("valid");
        }

    });
    $('#btnSignUp').click(function () {

    });
});

演示：Fiddle

.validate（）不工作JQuery

1 个答案: