easyui-validatebox报错

最新推荐文章于 2018-09-25 16:12:21 发布

放不完的风筝

最新推荐文章于 2018-09-25 16:12:21 发布

阅读量397

点赞数

本文链接：https://blog.csdn.net/u012950413/article/details/75099022

版权

好久没编WEB，整理回忆专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在谷歌浏览器提交表单时候报An invalid form control with name='' is not focusable.

原因是没有加表单校验，在提交之前必须要写调用一个表单校验的js函数

<script type="text/javascript">
	function checkAdd() {
		if ($('#userForm').form('validate')) {
			$('#userForm').submit();
		}
	}
</script>
<body>
	<form action="${url }" class="easyui-form" method="POST" id="userForm">
		<table border="1">
			<tr>
				<td>姓名:</td>
				<td><input name="name" class="easyui-validatebox"
					data-options="required:true" /></td>
			</tr>
			<tr>
				<td>性别:</td>
				<td><input name="sex" class="easyui-validatebox"
					data-options="required:true" /></td>
			</tr>
			<tr>
				<td>年龄</td>
				<td><input name="age" class="easyui-validatebox"
					data-options="required:true" /></td>
			</tr>
			<tr>
				<td>生日:</td>
				<td><input id="dd" name="brithday" class="easyui-datebox"
					required="required"></input></td>
			</tr>
			<tr>
				<td>学校:</td>
				<td><input name="school" type="text" /></td>
			</tr>
			<tr>
				<td>班级:</td>
				<td><input name="classroom" type="text" /></td>
			</tr>
		</table>
		<input type="submit" value="提交" οnclick="checkAdd()">
	</form>