Javascript媒体查询不工作

好的，这段代码确实有效（运行字段required javascript），但我希望它只在移动设备上运行，因此我尝试添加一个媒体查询，以便仅在移动设备上运行javascript（低于400px）。不确定我是否错过了一些愚蠢的事情，或者我做得完全错了

function validateForm() {
    if (window.matchMedia("(min-width: 400px)").matches) {
    } else {        
        var x = document.forms["myForm"]["fname"].value;
            if (x == null || x == "") {
            alert("Name must be filled out");
            return false;
        }
    }
    }   


    </script>
    <form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
    Name: <input type="text" name="fname">
    <input type="submit" value="Submit">
    </form>

函数validateForm（）{
if（window.matchMedia（“（最小宽度：400px）”）.matches）{
}否则{
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）{
警告（“必须填写姓名”）；
返回false；
}
}
}   
姓名：

参考

---

控制台中有错误吗？

// media query event handler

if (matchMedia) {
    var mq = window.matchMedia("(min-width: 500px)");
    mq.addListener(WidthChange);
    WidthChange(mq);
}

// media query change
function WidthChange(mq) {

    if (mq.matches) {
        // window width is at least 500px
    }
    else {
        // window width is less than 500px
    }

}