javascript - 警报框没有出现 - 此功能有什么不正确的地方?

标签 javascript

<script type="text/javascript"> 
function check_phone(){
    var x=$('#phone1').val();
    var landline = /^([0-9]{4}[\-]{1}[0-9]{7})$/;
    var mobile = /^(?:\([2-9]\d{2}\)\ ?|[2-9]\d{2}(?:\-?|\ ?))[2-9]\d{2}[- ]?\d{4}$/;
    if (landline.test(x))
alert('first condition');
        $('#phone1').css('border','2px solid #00a500');
    else if(mobile.test(x))
alert('second condition');
        $('#phone1').css('border','2px solid #00a500');
    else
        $('#phone1').css('border','2px solid #a50000');
alert('third condition');
}
</script>

<input type="text" value="" name="phone1" id="phone1" onchange="check_phone()" required />

当我输入电话号码后按 Tab 时,它不会显示 check_phone() 函数的警报框。它甚至进入该函数并检查它吗?它甚至不按照函数中提到的 css 设置文本框的样式。我怎样才能找到答案?请帮忙

最佳答案

所有的if block 都没有结束括号)并把它们放在大括号中

if (landline.test(x))
{
alert('first condition');
        $('#phone1').css('border','2px solid #00a500');
}
    else if(mobile.test(x))
{
alert('second condition');
        $('#phone1').css('border','2px solid #00a500');
}
    else
{
        $('#phone1').css('border','2px solid #a50000');
alert('third condition');
}

也改变

<input type="text" value="" name="phone1" id="phone1" onchange="check_phone()" required />

关于javascript - 警报框没有出现 - 此功能有什么不正确的地方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25741545/

相关文章:

javascript - 单击更改所有元素的数据状态

JavaScript 在特定时间绑定(bind)事件

javascript - mongodb:将字段移动到新文档并更新字段和数组

javascript - 用 'this' 定义的函数,但在没有 'this' 的情况下执行

javascript - React Native ScrollView/ListView RefreshControl 最初在右上角很难看

javascript - 如何选择特殊属性(前缀:name ="")?

javascript - 了解 JavaScript - 资源

Javascript - 按条件使用链式函数的不同部分

javascript - 如果存在另一个类,则更改类

javascript - Jquery 下拉菜单中不需要的 "flashing"?