验证 AJAX 生成的表单字段

Question

我有一个带有选择字段 A 的表单。该字段可以根据 URL 动态填充，也可以照常选择。

一旦在字段 A 中选择了一个值，选择字段 B 将被填充并使用 JQuery AJAX 公开。

这就是问题所在。如果字段 A 保持不变，并由 URL 动态填充，则字段 B 将正确验证。但是，如果字段 A 发生更改，字段 B 将不再尝试验证。

字段 A

<select name="FieldA" id="FieldA">
<option value="">Please Select</option>
<?php 
    while($FieldA= mysql_fetch_array($result2)) {
?>
<option value="<?php echo $FieldA['FieldAID']; ?>"<?php if ($var == $FieldA['FieldAID']) echo " selected=\"selected\""; ?>><?php echo $FieldA['FieldAName']; ?>    </option>
<?php } ?>
</select>

字段 B

<select name="FieldB" id="FieldB">
<option value="">Please Select</option>
<?php 
    while($FieldB = mysql_fetch_array($result)) {
?>
<option value="<?php echo $FieldB['FieldBID']; ?>"><?php echo str_replace('|',' - ',$FieldB['FieldBName']); ?></option>
<?php } ?>
</select>

验证标准

<script language="JavaScript" type="text/javascript">
var frmvalidator  = new Validator("FormName");  
frmvalidator.addValidation("FieldA","req","Please select FieldA.");  
frmvalidator.addValidation("FieldB","req","Please select FieldB.");
</script>

除了 AJAX 调用破坏了字段 B 的验证之外，一切正常。如果未重新填充字段 B，则它可以正常工作。字段 B 是使用包含文件构造的，因此无论是由页面填充还是由 AJAX 调用填充，它都是相同的。

谢谢！

Answer 1

我想你正在使用这个 js 库： http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

如果它给你带来很多问题，也许是时候换一个更强大的验证库了。

我推荐这个：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

出现在jquery网页中，非常完整。语法或多或少是这样的：

$("#signupForm").validate({
        rules: {
            firstname: "required",
            lastname: "required",
            username: {
                required: true,
                minlength: 2
            },
            password: {
                required: true,
                minlength: 5
            },
            confirm_password: {
                required: true,
                minlength: 5,
                equalTo: "#password"
            },
            email: {
                required: true,
                email: true
            },
            topic: {
                required: "#newsletter:checked",
                minlength: 2
            },
            agree: "required"
        },
        messages: {
            firstname: "Please enter your firstname",
            lastname: "Please enter your lastname",
            username: {
                required: "Please enter a username",
                minlength: "Your username must consist of at least 2 characters"
            },
            password: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long"
            },
            confirm_password: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long",
                equalTo: "Please enter the same password as above"
            },
            email: "Please enter a valid email address",
            agree: "Please accept our policy"
        }
    });