jquery学习笔记六:jquery验证用户注册信息实例

第六节 读书笔记：jquery验证用户注册信息实例
下面举个简单的例子，来加深对jquery对象和DOM对象的理解。
有些论坛在用户注册的时候，必须先要同意论坛的规章制度，才可以进行下一步操作，如图1-6所示。

图1-6某个论坛注册的截图
图1-6是某个论坛的注册页面，用户必须选中页面下面的“同意并接受注册协议”复选框，否则不能提交。
编写一段简单的代码来实现这个功能。新建一个空白的 页面，然后添加以下HTML代码：
<input type=”checkbox” id=”cr”>我已经阅读了上面制度
HTML代码初始效果如图1-7所示

图1-7所示初始化效果
 然后编写Javascript部分。前面讲过，没有特殊声明，jquery库是默认导入的。
通过$(“#cr”)获取到复选框元素，然后通过判断复选框是否被选中，来执行下一步操作。
首先，用DOM方式来判断复选框是否被选中，代码如下：

$(document).ready(function(){  //等待DOM元素加载完毕 Var $cr=$(“#cr”);    //jquery对象 Var cr=$cr[0];    //DOM对象，或者$cr,get(0) $cr.click(function(){  If(cf.checked){   Alert(“感谢你的支持！你可以继续操作！”);  } }) });

实现上述代码后，选中“我已经阅读了上面的制度”复选框，如图1-8所示。

图1-8 选中选项后的效果图
换一中方式，使用jquery中的方法来判断选项是否被选中，代码如下：
上面的例子简单地演示了DOM对象和jquery对象的不同，但最终效果是不一样的。
注意：is(“:checked”)是jquery中的方法，判断jquery对象是否被选中，返回Boolean值。