js设置必填项不能为空实例

<!-- 实例一: -->
<form  method="post" action="act.php" onsubmit="return check()">
	<input type="text" name="xm2" id="xm2">
	<input type="text" name="xm3" id="xm3">
	<input type="text" name="xm4" id="xm4">
	<input type="text" name="xm5" id="xm5">
	<input type="text" name="xm6" id="xm6">
	<input type="submit" value="提交">
</form>
<script type="text/javascript">
	function check(){
		var xm2 = document.getElementById("xm2").value;
		var xm3 = document.getElementById("xm3").value;
		var xm4 = document.getElementById("xm4").value;
		var xm5 = document.getElementById("xm5").value;
		var xm6 = document.getElementById("xm6").value;
		if(xm2 == '' || xm3 == '' ||  xm4 == '' ||  xm5 == '' || xm6 == ''){
			alert("必填项不能为空");
			return false;
		}
		return true;
	}
</script>


<!-- 实例二: -->
<form  method="post" action="act.php" onsubmit="return check()">
	<input type="text" name="xm7" id="xm7">
	<input type="text" name="xm10" id="xm10">
	<input type="text" name="xm11" id="xm11">
	<input type="submit" value="提交">
</form>
<script type="text/javascript">
	function check(){
		var xm7 = document.getElementById("xm7").value;
		var xm10 = document.getElementById("xm10").value;
		var xm11 = document.getElementById("xm11").value;
		if(xm7.length>0){
			if (xm10.length == 0 || xm11.length == 0) {
				alert("必填项不能为空");
				return false;
			}
		}
	}
</script>

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue ant design 是一个基于 Vue.js 的 UI 组件库,提供了很多优秀的组件,包括表单组件。在使用 ant design 表单组件的过程中,我们可能会遇到动态设置表单填写是否必填的情况。 针对这种情况,我们可以利用 ant design 表单组件提供的 API 来实现动态设置表单必填的功能。 首先,我们需要使用 ant design 表单组件提供的 Form.create() 方法来创建一个表单组件实例。然后,在表单中声明每一个需要填写的,并在其属性中设置一个可变的 required 属性。这个属性可以是一个布尔值,表示当前这个填写是否必填。例如: ```javascript <Form.Item label="用户名" required={userRequired}> {getFieldDecorator('username', { rules: [{ required: userRequired, message: '请输入用户名' }], initialValue: '' })(<Input placeholder="请输入用户名" />)} </Form.Item> ``` 上述代码中,变量 userRequired 是一个可变的布尔值,可以根据表单的实际情况动态设置。在 Form.Item 的 required 属性中,我们将 userRequired 变量作为参数传递进去,来决定当前填写是否必填。同时,在 getFieldDecorator() 方法的 rules 属性中,我们也将 userRequired 变量作为参数传递进去,来设置当前填写的校验规则。 当我们需要动态改变某一个填写是否必填时,只需要改变相应的变量即可: ```javascript this.setState({ userRequired: true }); ``` 上述代码中,我们通过调用 setState() 方法,改变组件的状态,从而改变 userRequired 变量的值,从而动态改变表单是否必填。 总的来说,利用 ant design 表单组件提供的可变属性(如 required)以及表单组件实例的状态管理能力,我们可以轻松地实现动态设置表单必填的功能。同时,这种方法也适用于其他表单组件库。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值