Javascript 操作表单域的两个重要技巧

最新推荐文章于 2019-08-02 09:37:20 发布

原创最新推荐文章于 2019-08-02 09:37:20 发布 · 622 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input

JavaScript 专栏收录该内容

67 篇文章

订阅专栏

本文介绍两种客户端表单验证技巧：一是提交或重置表单前的确认操作；二是获取表单域内所有元素及其属性。通过这两种技巧可以实现基本的表单验证功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明:
技巧一:
当表单提交或重置时向客户端进行确认操作

技巧二:
列出表单域中所有元素及其重要属性, 就是 input, select 等的 name, value 等.

总结:
用这两个技巧可以写一个通用的客户端表单验证函数, 至于怎么写, 动动脑筋就行了＾＾.
但是鄙人还是觉得, 不能过于依赖客户端的验证机制, 现在的人聪明得很, 只要花一点小心思, 就可以避过客户端的一切限制, 鄙人就乐于此道.

目录:
1. 当表单提交或重置时向客户端进行确认操作
2. 列出表单域中所有元素及其重要属性

目录:
1. 当表单提交或重置时向客户端进行确认操作

以下是引用片段：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
    function fCfm(msg){
        if(confirm(msg))return true;
        return false;
    } // shawl.qiu script
//]]>
</script>
<form name="form1" id="form1" method="get" action=""
    onsubmit="return fCfm('现在提交数据吗?');"
     onreset="return fCfm('现在重置表单域所有内容吗?');" >

  <input name="textfield" type="text" value="tbx default value" />
  <br />
  <textarea name="textarea">txa default value</textarea>
  <br />
  <input type="submit" name="Submit" value="Submit" />
  <input type="reset" name="Reset" value="Reset" />
</form><br />
<a href="?">back</a>