如果不在后台调用validation或者立旗方法的话,直接在前台可不可以触发点击事件等达到value为空的时候添加class并输出错误信息
类似这样?
<select>
<option value="">没有选项</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
</select>
<div id="emg" class=""></div>
<a href="???" id="zxc">点击转移</a>
<script>
$(function() {
$( "#zxc" ).click(function() {
$( "#emg" ).addClass( "errormsg", nextfun);
return false;
});
function nextfun() {
$( "#emg" ).text( "没有输入等等" );
}
</script>
水平不足有错误还请赐教,不过类似这样一来有两个小疑问,判断select下被选择的option,value为空判断语句塞到哪里,还有就是可以在<a>被点击触发的时候能否在输出错误信息的同时阻止表单或者是页面跳转~
谢谢
<select id="sel">
<option value="">没有选项</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
</select>
<div id="emg" class=""></div>
<a href="???" id="zxc">点击转移</a>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function () {
$("#zxc").click(function () {
if ($('#sel').val() == '') {
$("#emg").addClass("errormsg");
nextfun();//设置内容要单独调用,jquery的addClass没有回调
return false;//住址链接跳转
}
});
function nextfun() {
$("#emg").text("没有输入等等");
}
});
</script>
js校验和后台校验一样的,提示语可以单独用一个标签来显示在对应需提示的标签后面,或者弹窗提示。
判断select下被选择的option,value为空判断语句塞到哪里?
你给 select 加一个 id 然后 获取其 value值 然后判断 ==“”就 return
还有就是可以在被点击触发的时候能否在输出错误信息的同时阻止表单或者是页面跳转~?
那你 给 “a” 的href 设置 javascript: void(0) 点击时 判断 value 不等于 ""然后 href="xxx地址"
https://blog.csdn.net/Zhuangvi/article/details/119511017