1. 程式人生 > >JS前臺頁面驗證文字框非空

JS前臺頁面驗證文字框非空

效果圖:

程式碼:

原始碼:

<script type="text/javascript">

function check(){

   var xm = document.getElementById("xm").value;

   if(xm ==  null || xm == ''){

        alert("使用者名稱不能為空");

        return false;

   }

   return true;

}

</script>

</head>

<body>

<form action="${pageContext.request.contextPath }/insertStuServlet" method="get" onsubmit="return check()">

姓名<input name="xm" id="xm" type="text" /><br />

性別<input name="xb" type="radio" value="男" />男&nbsp;&nbsp;&nbsp;&nbsp; 

<input name="xb" type="radio" value="女" />女<br /> 

出生日期<input name="csrq" type="text" class="Wdate" onClick="WdatePicker()" /><br /> 

分數<input name="fs"type="text" /><br /> 

<input name="" type="submit" value="提交" />

 

</form>