Question

我正在制作一个简单的多项选择题表。我想验证，如果用户点击问题<textarea>并点击页面上的其他位置而未在问题选项<input type="text" name="q1_option1">中输入值，则用户应获得alert("Wait, you forgot to enter options for Question 1"); 。我试着这样做，但它根本不是我想要的东西。
这是<html>

<div class="right">
  <div class="row" style="margin:5px;">
    <label><strong>Question 1</strong></label>
    <div>
      <textarea name="question1"></textarea>
    </div>
  </div>
  <div class="row">
    <div class="span-4"><input type="text" name="q1_option1" value="" class="q1" /></div>
    <div class="span-4"><input type="text" name="q1_option2" value="" class="q1" /></div>
    <div class="span-4"><input type="text" name="q1_option3" value="" class="q1" /></div>
    <div class="span-4"><input type="text" name="q1_option4" value="" class="q1" /></div>
    <div class="clear"></div>
  </div>
</div>

这是<script>

<script type="text/javascript">
$(function(){
    $('textarea[name=question1]').blur(function(){ 
        $('.right').click(function(event) {
            if($(event.target).is('input[name=q1_option1]')) {

                $('#alert_error_message').text('Please enter all options in Question 1!!');
                callalert();
                return false;
            }
            else
            {
                alert('Not working!');
            }
        })
    })
})
</script>

现在，在此代码中发生了什么，当用户点击<input>输入选项时，blur被触发，用户收到警报。
我想要的是，如果用户点击这些<input>个答案，他就不应该收到警报，否则，用户必须收到警告，因为他没有在<input>选项中输入值!!

Answer 1

<强> DEMO

我提出了以下方法，我将用下面的代码解释我在做什么。检查内联注释。

// throws DateTimeParseException
LocalDate localDate = LocalDate.parse("2015-9-5", DateTimeFormatter.ISO_LOCAL_DATE);

Answer 2

这个怎么样？

var all_filled = true;
// for each component having class "q1", if the value is empty, then all_filled is false
$('.q1').each(function(comp){
   if(comp.val() == ''){
       all_filled = false;
       break;
   }
});
// if not all input is filled, then do what you want
if(!all_filled){
   // do what you want
}

在blur事件中添加异常

2 个答案: