Js 控制表单域代码

1
2
3

s.options[0].selected=true //方法1
s.selectedIndex=1; //方法2
document.getElementById('ss').selectedIndex=1; //方法3,建议使用这个方法

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js验证为正整数


代码如下:

<script>
var re = /^[1-9]d*$/; //智能验证单个字符
if (!re.test(document.getElementById('group_order').value)){
alert("组排序必须为数字!");
document.getElementById('group_order').focus();
return false;
}
</script>
if(value <0 || value!=parseInt(value) ){
alert("不是正整数");
}else{
alert("是正整数");
}

js发送表单(方法一): check_input 是js函数,但是这个方法会把页面内所有的表单都发送掉


代码如下:

<% form_tag( {:controller=>"transaction",:action=>"check_cid"},{:name=>"form1",:method=>"post",:multipart=>"true" ,:onsubmit=>”return check_input();”}) do %>
<% end %>

js发送表单(方法二): check_original 是js函数,这个方法会发送指定的form,无论方法一,方法二 都别忘了 前面加 return


代码如下:

<%= form_tag({:controller=>"program",:action=>"index"},{:name=>"newform",:method=>"post",:multipart=>"true"}) %>
<%= submit_tag "添加",{:name=>'newgroup',:onclick=>'return check_original();'} %>
<%= form_tag %>

待续................

赞 (0)

相关推荐

  • Js 控制表单域代码

    1 2 3 s.options[0].selected=true //方法1 s.selectedIndex=1; //方法2 document.getElementById('ss').selectedIndex=1; //方法3,建议使用这个方法 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js验证为正整数 复制代码 代码如下: <script> var re = /^[1-9]d*$/; //智能验证单个字符 if (!re.test(document.getElemen

  • JS控制表单提交的方法

    本文实例讲述了JS控制表单提交的方法.分享给大家供大家参考.具体如下: <Script Language="JavaScript"> function autoSubmit(){ var form = document.forms[0]; var actionPath = "?mo=phone"; form.action = actionPath; form.submit(); return true; } </Script> 如果需要两个提

  • js控制表单奇偶行样式的简单方法

    一.如果使用JQuery的话可以直接JQuery的 复制代码 代码如下: $("tr:odd").addClass("clazzName"); $("tr:even").addClass("clazzName"); 二.如果是使用纯js的话 1.先获取table标签,var table = document.getElementById() 2.再获取里面的tbody标签var tbody = table.getElement

  • js控制表单不能输入空格的小例子

    复制代码 代码如下: window.onload=function()         {                var inputs=document.getElementsByTagName("input");             for (var i=0;i<inputs.length; i++) {                  if(inputs[i].getAttribute("type")=="text")  

  • js 判断文件类型并控制表单提交示例代码

    下面的代码 实现的控制表单提交 复制代码 代码如下: function shangchuan(){ var filepath = document.getElementById("file").value; alert(filepath); if(filepath==""){ alert("请选择上传的文件!"); document.getElementById("file").disabled=true; } var ext

  • js实现文件上传表单域美化特效

    js实现文件上传表单域美化特效

    一款效果非常时尚的文件上传表单域美化特效,下面给出制作的简要教程. 先上几个效果饱饱眼福: 使用方法 这些文件上传域的美化使用的方法都是隐藏原生的<input type="file">元素,然后使用一个<label>元素来制作美化效果.  HTML结构 该文件上传域美化效果最基本的HTML结构如下: <input type="file" name="file" id="file" class=&q

  • 浅谈JS验证表单文本域输入空格的问题

    在表单中验证输入的文本域字符是否为空格,即空字符串,通常需要去除字符两边的空格才可验证准确.否则如果连续输入多个空格键,仅凭 document.getElementById("name").value == ""  验证不出来的. 去除字符串两边的空格的方法,还要考虑浏览器的兼容问题. 一. trim() 方法 document.getElementById("name").value.trim()   该方式在 Chrome.Firefox 中

  • jQuery表单域选择器用法分析

    jQuery表单域选择器用法分析

    本文实例分析了jQuery表单域选择器用法.分享给大家供大家参考.具体如下: 表单域是指网页中的input,textarea, select和button元素. 1. :input选择器 复制代码 代码如下: $(":input") 2. :text选择器 复制代码 代码如下: $(":text") 3. :password选择器 复制代码 代码如下: $(":password") 4. :radio选择器 复制代码 代码如下: $("

  • jQuery表单域属性过滤器用法分析

    jQuery表单域属性过滤器用法分析

    本文实例讲述了jQuery表单域属性过滤器用法.分享给大家供大家参考.具体分析如下: 表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域. 1. :checked选择器 用于选择所有被选中的表单域.格式: 复制代码 代码如下: $("selector:checked") 可以是input,radio和checkbox 2. :enabled选择器 用于选择所有可用的表单域,格式: 复制代码 代码如下:

  • javascript表单域与json数据间的交互第1/3页

    包括对象中有集合属性.对象中引用其他对象属性: 复制代码 代码如下: /** **json对象数据设置到表单域中 */ function jsonObjectToForm(form, jsonObject){     for(i = 0, max = form.elements.length; i < max; i++) {         e = form.elements[i];         eName = e.name;         if(eName.indexOf('.') >

随机推荐