gpt4 book ai didi

javascript - 在模糊事件中添加异常(exception)

转载 作者:行者123 更新时间:2023-12-03 08:44:08 25 4
gpt4 key购买 nike

我正在制作一个简单的多项选择题表格。我想验证用户是否单击问题 <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> 中输入值而收到的警报选项!!

最佳答案

<强> DEMO

我想出了下面的方法,我将用下面的代码解释我正在做什么。检查内嵌注释。

$(function(){
var hasFocus=false; //this variable is used to check whether focus was on textarea
//when clicked on document
$('textarea[name=question1]').blur(function(event){
setTimeout(function(){
hasFocus=false; //on blur set the variable to false but after sometime
},100);
}).focus(function(){
hasFocus=true; //on focus set it to true again
});


//A click event on document so that to display alert only if textarea had focus and the
//targetted element is not radio button
$(document).on('click',function(e){
if($(e.target).attr('class')!='q1' && hasFocus && $(e.target).attr('name')!="question1")
{
if(!$('.q1:checked').length) //if any radio has been checked
{
//if not checked then display alert
alert('Please select an option');
}
}
});
})

关于javascript - 在模糊事件中添加异常(exception),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32961993/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com