jquery表单验证的选择性字段

Question

我实际上是在创建一个调查表（类似于surveymonkey）。有一列您可以在其中选择您是否希望此问题成为必填字段。从那里将验证您在创建表单时刚刚勾选的所选字段。

所以现在我的问题是，必填字段如你所愿，所以它不是固定的。

如何编写用于验证的 jquery，以便它根据强制要求验证所选字段？

这是我到目前为止所做的代码示例。它仅验证其中一个字段。但如果创建表单的人决定有多个必填字段，则不会检查下一个。

<?php
$vQuery = "SELECT * FROM scFormLayout WHERE surveyID = '$id'";
$vResult = sqlsrv_query($conn, $vQuery);

while ($value = sqlsrv_fetch_array($vResult)) {
    $vID = $value['id'];
    $qnsID = 'qns'.$vID.'[]';
    $compulsory = $value['compulsory'];
    $vQuestion = $value['question'];

if ($compulsory == 'Compulsory') {
?>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            // 1. prepare the validation rules and messages.
               var rules = {"<?php echo $qnsID; ?>": "required"}; 
               var messages = {"<?php echo $qnsID; ?>": "<?php echo $vQuestion; ?> is required"};
            // 2. Initiate the validator
               var validator= new jQueryValidatorWrapper("Form",rules, messages);
            // 3. Set the click event to do the validation
               $("#btnValidate").click(function () {
                   if (!validator.validate())
                         return;
                   });
               });

   </script>
<?php } }
sqlsrv_free_stmt($vResult); ?>

Answer 1

更好的方法是在你的 while 循环中为每个问题（应该是必需的）添加一个“必需”类。

然后只需在 document.ready() 函数内的单独脚本标记下的表单上使用 jquery.validate。让我知道它是否有帮助或您需要更多信息。

--- 编辑 --- 例如，在您的情况下，如果您在 while 循环中向用户显示来自数据库的问题，则对于某些问题，您将“强制”值设置为“强制”。现在您希望仅根据 jquery 的要求验证此类问题。那么下面是如何去做。

enter code here

<?php
while($res = $results) {
  echo $res['question'].'<br/>';
  if($res['compulsory'] = 'Compulsory')
      echo '<input name = "any_name" class="required">';
  else
      echo '<input name = "any_name">';
}
?>
<script>
$(document).ready(function () {

$('#myForm').validate();

})
</script>

希望信息足够了。