JavaScript 笔记 七

2018.5.27

JavaScript 表单

一、表单验证

判断单字段是否存在

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");     //判断输入值,存在则输出输入信息,否则弹出提示窗
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
οnsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">

</form>

验证的类型:

1、表单验证  在数据被送往服务器前对表单中的输入数据进行验证,以检验是否符合要求

2、数据验证  确保用户输入的数据有效。分为服务端数据验证和客户端数据验证,验证位置不同。

3、约束验证  表单被提交时浏览器用来实现验证的一种算法,基于HTML输入属性、CSS伪类选择器、DOM属性和方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值