jQuery实例8

关注

转载最新推荐文章于 2026-04-08 13:29:53 发布 779 阅读 AI 写同款· GEO 优化 ›

掌握表单验证：jquery.validate.js 1.8.1 的使用与实例输入验证规则是用于确保表单输入符合预期格式的规则，这是最常见的验证需求。在jQuery Validate中，这些规则通过正则表达式和内置函数来实现，确保用户输入的数据在提交之前是有效的。例如，email规则用于验证电子邮件地址，url规则用于验证URL格式，而required规则则确保表单字段不为空。以下是这些规则的示例：rules: {email: {},url: {url: true},});在这个示例中，email字段被要求填写，并且格式要像电子邮件地址；url。阅读详情

jQuery对下拉选择项的操作，第一项是单选，第二项是多选。

用jQuery的val()得到下拉选项的选中的值，代码如下：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">   
$(document).ready(function(){
  $("p").append(
  "<b>Single:</b> "   + $("#single").val() +
  " <b>Multiple:</b> " + $("#multiple").val().join(", ")
); 
}); 
</script>
</head>

<body>
<p></p><br/>
<select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>
val()有value用value，没有用text
<select id="multiple" multiple="multiple">
  <option value="第1项" selected="selected">Multiple</option>
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>
</select> 
</body>
</html>

收录于