JavaScript验证中的remove函数

我是Yii的新手。在我的视图中，我做了一个JavaScript验证部分。我正在向客户添加一个新的主机，服务Id，如果我单击AddMore，它会再次给我两个字段来添加另一个，但是remove函数在这里不起作用。假设我在添加更多后在字段中输入空白值，那么它必须返回一些错误消息，如何操作，请帮助我。提前谢谢

我的看法是：

<div id="content">
<div class="innerLR">
<div class="row-fluid">
<div class="form">

<?php
echo $id = $id;
$form = $this->beginWidget ( 'CActiveForm', array (
        'id' => 'nimsoft-host-form',
        // Please note: When you enable ajax validation, make sure the corresponding
        // controller action is handling ajax validation correctly.
        // There is a call to performAjaxValidation() commented in generated controller code.
        // See class documentation of CActiveForm for details on this.
        'enableAjaxValidation' => false 
) );
?>

    <fieldset>
        <legend>Customer Host Information:</legend>
            <?php echo $form->errorSummary($model); ?>
                <div id="add_details">
                <tr>
                    <td style="text-align: left;" class="tdSpan">
                            <?php echo $form->labelEx($model, 'host_name'); ?>
                       </td>
                <td class="tdSpan">
                            <div class="row">
                                <?php echo $form->textField($model, 'host_name', array('size' => 60, 'maxlength' => 88)); ?>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left;" class="tdSpan">
                            <?php echo $form->labelEx($model, 'host_serviceid'); ?>
                        </td>
                <td class="tdSpan">
                            <div class="row">
                                <?php echo $form->textField($model, 'host_serviceid', array('rows' => 6, 'cols' => 50)); ?>
                            </div>
                       </td>
                   </tr>
               </div>
               <tr class="tdSpan">
                   <td></td>
                   <td>
                       <div>
                           <div class="row">
                               <?php //echo $form->labelEx($model,'prod_avl_date'); ?>
                                   <?php
                                       $this->widget ( 'zii.widgets.jui.CJuiDatePicker', array (
                                                        'name' => 'Products[prod_avl_date]',
                                                        // additional javascript options for the date picker plugin
                                                        'options' => array (
                                                                        'showAnim' => 'fold',
                                                                        'dateFormat' => 'yy/mm/dd' 
                                                        )
                                                        ,
                                                        'htmlOptions' => array (
                                                                        'style' => 'height:20px;' 
                                                        ) 
                                        ) );
                                        ?> 
                                        <?php //echo $form->error($model,'prod_avl_date'); ?>
                          </div>
                          <div class="row">
                              <?php //echo $form->labelEx($model,'prod_end_date'); ?>
                              <?php
                                    $this->widget ( 'zii.widgets.jui.CJuiDatePicker', array (
                                                    'name' => 'Products[prod_end_date]',
                                                    // additional javascript options for the date picker plugin
                                                    'options' => array (
                                                                    'showAnim' => 'fold',
                                                                    'dateFormat' => 'yy/mm/dd' 
                                                    )
                                                    ,
                                                    'htmlOptions' => array (
                                                                    'style' => 'height:20px;' 
                                                    ) 
                                    ) );
                                    ?>
                               <?php //echo $form->error($model,'prod_end_date'); ?>
                          </div>
                      </div> 
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <div class="row buttons">
                          <h2>
                              <a href="#" id="addHost">Add Another Host</a>
                          </h2>
                      <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                      <?php echo CHtml::submitButton($model->isNewRecord ? 'Create' : 'Save', array('onclick' => 'return checkForm();')); ?>
                  </div>
              </td>
          </tr>
      </tbody>
 </table>
    <?php $this->endWidget(); ?>
    </fieldset>
</div>
</div>
</div>
</div>

<div id="footer" class="hidden-print">
    <?php $this->renderPartial('application.views.layouts._footer_inc'); ?>
</div>


<script>
    $('#addHost').click(function()
    {
        $('#add_details').append('<?php echo $form->labelEx($model, 'host_name'); ?>
        <?php echo $form->textField($model, 'host_name', array('size' => 60, 'maxlength' => 88)); ?>
        <?php echo $form->labelEx($model, 'host_serviceid'); ?>
        <?php echo $form->textField($model, 'host_serviceid', array('rows' => 6, 'cols' => 50)); ?><a href="#" id="remove">REMOVE</a>');
        $("remove").on("click",".removeclass", function(e){ //user click on remove text
            if( x > 1 ) {
                    $(this).parent('add_details').remove(); //remove text box
                    x--; //decrement textbox
            }
            return false;
        }) 
    });
</script>

客户主机信息：
$（'#addHost'）。单击（函数（）
{
$（'add#u details'）。追加（'
');
$（“删除”）。在（“单击”、“删除类”上，函数（e）{//用户单击删除文本
如果（x>1）{
$（this）.parent（'add_details'）.remove（）；//删除文本框
x--；//减量文本框
}
返回false；
}) 
});

有人能帮我吗有人能帮我吗？有人来帮我吗？