谁帮我看下这个JS代码为什么不行?
<?xml version="1.0" encoding="UTF-8"?><jsp:root version="2.1" xmlns:f="http://java. xmlns:h="http://java. xmlns:jsp="http://java. xmlns:webuijsf="http://www.
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<html>
<head>
<script language="javascript">
function NotNull(str1,str2)
{
if(str1==""||str2=="")alert("用户名或密码不能为空");
}
</script>
</head>
<webuijsf:page binding="#{Login.page1}" id="page1">
<webuijsf:html binding="#{Login.html1}" id="html1">
<webuijsf:head binding="#{Login.head1}" id="head1">
<webuijsf:link binding="#{Login.link1}" id="link1" url="/resources/stylesheet.css"/>
</webuijsf:head>
<webuijsf:body binding="#{Login.body1}" id="body1" imageURL="images/login.png" style="-rave-layout: grid">
<webuijsf:form binding="#{Login.form1}" id="form1">
<webuijsf:label binding="#{Login.lb_UserName}" for="tf_UserCode" id="lb_UserName"
style="font-size: 18px; height: 28px; left: 384px; top: 316px; position: absolute; width: 94px" text="用户名:"/>
<webuijsf:label binding="#{Login.lb_UserPassword}" for="tf_UserPwd" id="lb_UserPassword"
style="font-size: 18px; height: 22px; left: 384px; top: 370px; position: absolute; width: 70px" text="密码: "/>
<webuijsf:textField binding="#{Login.userCode}" id="userCode" style="left: 480px; top: 316px; position: absolute"/>
<webuijsf:textField binding="#{Login.userPwd}" id="userPwd" style="left: 480px; top: 370px; position: absolute"/>
<webuijsf:button binding="#{Login.btn_Commit}" id="btn_Commit"
style="height: 24px; left: 479px; top: 408px; position: absolute; width: 48px" text="登陆" onClick="NotNull(userCode.getText(),userPwd.getText())"/>
<webuijsf:button binding="#{Login.btn_Cancel}" id="btn_Cancel"
style="height: 24px; left: 563px; top: 408px; position: absolute; width: 48px" text="取消"/>
</webuijsf:form>
</webuijsf:body>
</webuijsf:html>
</webuijsf:page>
</html>
</f:view>
</jsp:root>
红色部分是不是有问题?为什么在浏览器中点击没有反应?