jstextbox_JS在文本框中输入数据后自动计算总合并且不刷新页面的代码

❶ js点击图片在文本框内显示文字

亲，改一下js代码，改成这样就可以了

<scripttype="text/javascript">
tb=document.getElementById('textbox');
spans=document.getElementsByTagName("span");
for(vari=0;i<spans.length;i++)
{
spans[i].index=i;
spans[i].onclick=function()
{
alert(spans[this.index-1].innerHTML);
}
}
</script>

❷ JS在文本框中输入数据后，自动计算总合，并且不刷新页面的代码

<html>

<head>

function sum(obj) {

var z = document.getElementById("z");

var a = document.getElementById("a");

var b = document.getElementById("b");

var c = document.getElementById("c");

all.value=parseInt(z.value);

if(a.value!='')

{

y.value=parseInt(a.value);

h.value=parseInt(z.value)-parseInt(a.value);

}

if(a.value!=''&&b.value!='')

{

y.value=parseInt(b.value)+parseInt(a.value);

h.value=parseInt(z.value)-parseInt(a.value)-parseInt(b.value);

}

if(a.value!=''&&b.value!=''&&c.value!='')

{

y.value=parseInt(b.value)+parseInt(a.value)+parseInt(c.value);

h.value=parseInt(z.value)-parseInt(a.value)-parseInt(b.value)-parseInt(c.value);

}

</script>

</head>

<body>

总分：<input type="text" id="z" οnkeyup="sum(this);" />

总分：<input type='text' id='all' style="border:0px solid white; width:25px" />

已选：<input type='text' id='y' style="border:0px solid white; width:25px" />

还剩：<input type='text' id='h' style="border:0px solid white; width:25px" />

</body>

</html>

(2)jstextbox扩展阅读

js实现input的赋值

$('#name1').val('值');

document.getElementById('name1').value='值';

document.getElementById('name1').html('值');

document.getElementById('name1').attr('值');

document.getElementById('name1').innerText = '值';

$('#name').textbox('setValue','值');

var val = $("#name").textbox('getValue')

❸ js 获取文本框位置

关于JS获取与设置文本框、文本域光标位置
//获取光标所在文本框的位置
function getCaret(textbox) {
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint(“StartToStart”,textbox.createTextRange())
control.focus();
alert(rang.text.length);
}
//获取光标所在文本域的位置
function getCaretForTextArea(ZysrID){
var txb = document.getElementById(ZysrID);//根据ID获得对象
var pos = 0;//设置初始位置
txb.focus();//输入框获得焦点,这句也不能少,不然后面会出错,血的教训啦.
var s = txb.scrollTop;//获得滚动条的位置
var r = document.selection.createRange();//创建文档选择对象
var t = txb.createTextRange();//创建输入框文本对象
t.collapse(true);//将光标移到头
t.select();//显示光标,这个不能少,不然的话,光标没有移到头.当时我不知道,搞了十几分钟
var j = document.selection.createRange();//为新的光标位置创建文档选择对象
r.setEndPoint(“StartToStart”,j);//在以前的文档选择对象和新的对象之间创建对象,妈的,不好解释,我表达能力不算太好.有兴趣自己去看msdn的资料
var str = r.text;//获得对象的文本
var re = new RegExp(“[//n]“,”g”);//过滤掉换行符,不然你的文字会有问题,会比你的文字实际长度要长一些.搞死我了.我说我得到的数字怎么总比我的实际长度要长.
str = str.replace(re,”");//过滤
pos = str.length;//获得长度.也就是光标的位置
alert(pos);
r.collapse(false);
r.select();//把光标恢复到以前的位置
txb.scrollTop = s;//把滚动条恢复到以前的位置
}
//设置光标在文本框中的位置
function setCaret(id,pos){
var textbox = document.all(id);
var r = textbox.createTextRange();
r.collapse(true);
r.moveStart(‘character’,pos);
r.select();
}
//设置光标位置的调用函数
function readyforset(id){
var pos = document.getElementById(‘setpos’).value;
setCaret(id,pos);
}
if(!-[1,])//如果是IE
{
var p=getCursortPosition(obj);;
}
if(p>0)
{
setCaretPosition(obj,p);
}

❹ JS如何验证文本框输入为空

在进行文本框输入验证时，JavaScript提供了多种方法来获取输入值。若使用jQuery库，则可以通过选择器和.val()方法获取指定ID文本框的值，如：若文本框ID为"a"，则可以使用$("#a").val()获取其值。

若不使用jQuery，可以利用JavaScript的原生DOM操作，通过document.getElementById()方法获取元素，再通过.value属性获取该元素的值。例如，若文本框ID为"a"，则可以使用document.getElementById("a").value获取其值。

这两种方法在实际项目中都非常常用。使用jQuery可以简化代码，提高可读性。然而，对于不熟悉jQuery的开发者或在项目中没有引入jQuery库的情况下，使用原生DOM操作则更为直接。

此外，为了验证文本框是否为空，可以结合上述方法进行判断。例如，在获取文本框值后，可以使用字符串的length属性来检查文本框是否为空。如果length为0，说明文本框为空。

下面给出一个完整的示例代码，用于验证文本框是否为空：

javascript

function validateTextBox() {

var textBoxValue = document.getElementById("a").value;

if (textBoxValue.length === 0) {

alert("文本框不能为空!");

} else {

console.log("文本框内容为: " + textBoxValue);

}

}

在上述代码中，首先通过document.getElementById("a").value获取文本框的值，然后检查其长度是否为0。如果长度为0，则弹出提示框，告知用户文本框不能为空；否则，在控制台输出文本框的值。

通过这种方式，可以有效地验证用户输入是否为空，确保程序的健壮性和用户体验。

导航:首页 > 编程语言 > jstextbox

jstextbox

与jstextbox相关的资料

友情链接